DatePickerの初期値として本日の日付を設定することは可能です。
JavaScriptの`Date`オブジェクトを使用して、現在の日付を取得し、それをDatePickerの初期値として設定することができます。
以下は、DatePickerに本日の日付を初期値として設定するコード例です:
```javascript
kintone.events.on('app.record.index.show', function(event) {
const Kuc = Kucs['1.x.x'];
const space = kintone.app.record.getSpaceElement('space');
// 本日の日付をYYYY-MM-DD形式で取得
const today = new Date().toISOString().split('T')[0];
const datePicker = new Kuc.DatePicker({
label: 'Date',
requiredIcon: true,
language: 'auto',
value: today, // DatePickerの初期値として本日の日付を設定
error: 'Error occurred!',
className: 'options-class',
id: 'options-id',
visible: true,
disabled: false
});
// DatePickerの値が変更された場合、その値を記録する
datePicker.addEventListener('change', event => {
selectedDate = event.target.value;
console.log('選択された日付:', selectedDate);
});
space.appendChild(datePicker);
var button = document.createElement('button');
button.textContent = 'CSV出力';
button.onclick = function() {
// ボタンクリック時にDatePickerの現在の値を取得
var datePickerEl = document.getElementById('options-id');
var currentDate = datePickerEl.value;
console.log('ボタンクリック時の日付:', currentDate);
// ここでcurrentDateを使用して処理
};
space.appendChild(button);
return event;
});
```
このコードでは、`Date`オブジェクトを生成し、それをISO 8601形式(`YYYY-MM-DD`)に変換して、DatePickerの`value`プロパティとして設定しています。これにより、DatePickerが表示される際には自動的に本日の日付が選択された状態になります。
この方法を使用すると、アプリケーションを開いたときにいつも本日の日付が初期値として設定されるため、ユーザーが日付を手動で入力する手間を省くことができます。