メインコンテンツまでスキップ

DatePicker (데이트피커) Widget Control

DatePickerウィジェットをスクリプトから制御するときに使用するWidget Control（Property・Method・Event）の一覧です。ウィジェットの紹介と使い方はDatePickerドキュメントを参照してください。

備考

以下の例のdatepickerIDは、キャンバスでDatePickerウィジェットに指定した名前（ID）です。スクリプトではwidgetID.memberの形式でアクセスします。

Widget Control一覧​

Widget Control種類シグネチャ説明
selectedDatePropertydatepickerID.selectedDate現在選択されている日付をyyyyMMdd文字列として読み取る（読み取り専用）
onDateSelectedEventdatepickerID.onDateSelected = (date) => { ... }ユーザーがピッカーで日付を確定したときに実行する

Property​

selectedDate​

現在選択されている日付をyyyyMMdd形式の文字列で返します。選択された日付がない場合は空文字列（''）を返します。

  • 種類: Property（読み取り専用）
  • 型: 文字列（yyyyMMdd、例: 20260714）
  • Returns: 選択された日付の文字列、未選択の場合は''

Example

const date = datepickerID.selectedDate;
if (date !== '') {
  // dateの例: "20260714"
}

Method​

備考

該当なし — DatePickerウィジェットには専用のMethodはありません。以下の共通Widget Controlを使用します。

Event​

onDateSelected​

ピッカーでユーザーが日付を確定すると実行されます。コールバックは確定された日付を引数として受け取ります。

  • 種類: Event
  • ハンドラー: date引数を受け取るコールバック関数
  • Parameters: date - 確定された日付（yyyyMMdd文字列、例: 20260714）
  • Returns: なし

Example

datepickerID.onDateSelected = (date) => {
  // dateの例: "20260714"
};

共通Widget Control（すべてのウィジェット）​

注記

すべてのウィジェットは、setProperty / getProperty / setStylePropertyのような名前ベースの共通Widget Control（Method）を使用できます。共通リファレンスドキュメント（作成予定）を参照してください。