注: 以下の翻訳の正確性は検証されていません。AIPを利用して英語版の原文から機械的に翻訳されたものです。
時間ウィジェットカテゴリーは以下のウィジェットから構成されます：
以下の表は、カレンダーウィジェットで利用可能なプロパティに関する使用詳細を提供します。
| 属性 | 説明 | タイプ | 必須 | 変更者 |
|---|---|---|---|---|
| areEventsAllDay | 対応するイベントが終日のイベントであるかどうかを決定するブーリアンの配列です。終日のイベントは、ビューの「終日」セクションに表示され、開始時刻と終了時刻が完全に含まれる日にのみ表示されます。また、終日のイベントが選択された場合、その開始時刻と終了時刻は調整された時間の境界を反映します。例：「1月1日 03:00」から「1月3日 03:00」までの終日のイベントは、「1月1日 00:00」から「1月3日 00:00」までとして表示されます。空のままの場合、イベントは終日 = false としてデフォルトになります。 | json | いいえ | 直接編集 |
| dateRangeEnabled | 現在のビューに対応するカレンダーのタイトルとして日付範囲を追加します。これは、現在表示されている日、週、または月になります。 | string | はい | 直接編集 |
| defaultDate | ページ読み込み時にカレンダーがデフォルトで表示する日付です。空文字列に設定されている場合、このビューは「今日」にデフォルトになり、範囲がページ読み込み時の現在の日付に一致します。 | string | はい | ユーザーのインタラクション |
| eventEnds | 各イベントの終了時間です。 | json | はい | 直接編集 |
| eventNames | 各イベントに表示する名前です。 | json | はい | 直接編集 |
| eventSeries | イベントをスタイリングのためのシリーズにグループ分けするラベル（文字列）の配列です。空のままの場合、イベントはデフォルトのスタイルを使用して表示されます。 | json | いいえ | 直接編集 |
| eventStarts | 各イベントの開始時間です。 | json | はい | 直接編集 |
| pagingEnabled | 現在表示されている間隔で前後に移動するボタンを追加し、現在の日付に戻るボタンも追加します。 | boolean | はい | 直接編集 |
| pagingYearEnabled | 現在表示している時間範囲を前後に1年移動する追加のボタンを追加します | boolean | はい | 直接編集 |
| selectedIndex | カレンダーで選択されたイベントのインデックス。「null」はイベントが選択されていない場合です | number | はい | ユーザーのインタラクション |
| viewDefault | アプリケーションの読み込み時にレンダリングされるビュータイプ（日、週、月）。このビューに表示される日付は、「defaultDate」の値によって決まります。これはデフォルトで「月」ビューになります。 | string | はい | ユーザーのインタラクション |
| viewType | 有効にした場合、Day & Week ボタンを介してアクセスできるビューを制御します。タイプが「List」に設定されている場合、イベントはウィジェットに与えられた順序のリストの項目として、開始時間の順序ではなく表示されます。タイプが「Time」に設定されている場合、イベントはイベントが発生する時間にわたるブロックとして表示されます。表示タイプは月のビューには影響しません。 | string | はい | 直接編集 |
| viewSwitchingEnabled | 日/週/月のビューを切り替えるボタンの有効化/無効化をします。デフォルトでは、これらのボタンは有効になっています。 | boolean | はい | 直接編集 |
以下の表は、日付選択ウィジェットで利用可能なプロパティに関する使用詳細を提供します。表の後にはいくつかの例が続きます。
| 属性 | 説明 | タイプ | 必須 | 変更者 |
|---|---|---|---|---|
| disabled | ユーザーがウィジェットと対話できるかどうかを指定します。デフォルトは false です。値は通常、ブーリアンを生成するテンプレート式です（例：「{{w1.on}}」）。 | boolean | はい | 直接編集 |
| displayFormat | ピッカーの入力ボックスに表示する選択を表示するための形式です。有効な moment.js 形式 ↗ でなければなりません。 | string | いいえ | 直接編集 |
| maxDate | 選択可能な最大日付を文字列として書式設定します。空白のままにすると、デフォルトの最大日付（今年の12月31日）が使用されます。日付は、ISO 8601標準 ↗ を使用して書式設定する必要があります。 | string | いいえ | 直接編集 |
| minDate | 選択可能な最小日付を文字列として書式設定します。空白のままにすると、デフォルトの最小日付（20年前の1月1日）が使用されます。日付は、ISO 8601標準 ↗ を使用して書式設定する必要があります。 | string | いいえ | 直接編集 |
| placeholder | 日付が選択されていない場合に使用するプレースホルダーのテキストです。 | string | はい | 直接編集 |
| timeEnabled | 時間選択を日付選択と一緒に表示するかどうかを指定します。 | boolean | はい | 直接編集 |
| timePickerPrecision | 時間選択の精度を決定します。 | number | はい | 直接編集 |
| value | 現在の選択を文字列として書式設定します。 | string | はい | ユーザーのインタラクション |
| valueFormat | 「value」フィールドの出力文字列形式です。有効な moment.js 形式 ↗ でなければなりません。提供されていないか null に設定されている場合、ISO 8601 の書式設定が使用されます。 | string | いいえ | 直接編集 |
以下のテーブルでは、Date Range Picker ウィジェットで利用可能なプロパティの使用方法の詳細を提供しています。テーブルの後にいくつかの例が続きます。
| 属性 | 説明 | タイプ | 必須 | 変更者 |
|---|---|---|---|---|
| disabled | ユーザーがウィジェットと対話できるかどうかを指定します。デフォルトは false です。値は、通常、ブーリアンを生成するテンプレート式です（例：「{{w1.on}}」）。 | boolean | はい | 直接編集 |
| displayFormat | 日付を表示する形式。有効な moment.js 形式 ↗ でなければなりません。 | string | いいえ | 直接編集 |
| fromDateValue | 現在の「from」日付の選択を、文字列としてフォーマットします。日付は、ISO 8601 標準 ↗ を使用してフォーマットする必要があります。 | string | はい | ユーザーインタラクション |
| maxDate | ユーザーが選択できる最大の日付を、文字列としてフォーマットします。空白のままにしておくと、デフォルトの最大日付が使用されます（今年の 12 月 31 日）。日付は、ISO 8601 標準 ↗ を使用してフォーマットする必要があります。 | string | いいえ | 直接編集 |
| minDate | ユーザーが選択できる最小の日付を、文字列としてフォーマットします。空白のままにしておくと、デフォルトの最小日付が使用されます（20 年前の 1 月 1 日）。日付は、ISO 8601 標準 ↗ を使用してフォーマットする必要があります。 | string | いいえ | 直接編集 |
| shortcutLabels | ショートカットが表示されるときに表示するショートカット範囲の名前（例：「過去 3 日間」または「過去 3 ヶ月間」）。ラベルが指定されていない場合、デフォルトのショートカット範囲とラベルが使用されます。 | string[] | はい | 直接編集 |
| shortcutRanges | ショートカットの日付範囲。各範囲は、ISO 8601 標準 ↗[from_date_string, to_date_string] を使用してフォーマットする必要があります。例：[‘2016-05-01’, ‘2016-05-10’] や [‘2016-05-01 16:00’, ‘2016-05-01 18:00’] | string[][] | いいえ | 直接編集 |
| shortcutsEnabled | 日付範囲のショートカット（例：過去 3 日間、過去 3 ヶ月間など）が表示されるかどうかを決定します。 | boolean | いいえ | 直接編集 |
| toDateValue | 現在の「to」日付の選択を、文字列としてフォーマットします。日付は、ISO 8601 標準 ↗ を使用してフォーマットする必要があります。 | string | はい | ユーザーインタラクション |
| timeEnabled | 日付ピッカーと共にタイムピッカーを表示するかどうかを指定します。 | boolean | はい | 直接編集 |
| timePickerPrecision | タイムピッカーの精度を決定します。 | number | はい | 直接編集 |