日時ピッカー

日時ピッカーはDate Time Pickerにより日付を入力するコンポーネントです。

プロパティ

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	自動設定	id	string	自動設定	[id]プロパティはアクションで設定はできません。
2	ラベル L	文字列	Date Time Picker	label	string	Date Time Picker	コンポーネントのラベル
3	幅	数値	262	width	number	262	コンポーネントの幅
4	高さ	数値	55	height	number	55	コンポーネントの高さ
5	X	数値		x	number		X座標位置
6	Y	数値		y	number		Y座標位置
7	位置固定	真偽	OFF	lock	boolean	false	ONの場合は画面をスクロールしてもコンポーネントが固定されて表示されます。 OFFの場合は画面をスクロールするとそれに合わせてコンポーネントも動きます。 v4.1.0で追加されたプロパティ
8	スタイル	選択 1.アウトライン 2.フィル 3.スタンダード	アウトライン	variant	string	outlined	コンポーネントのスタイル
9	旧デザイン	真偽	OFF				スタイルがスタンダードの場合のみ有効になります。 ONの場合は旧デザインで表示されます。 OFFの場合は新デザインで表示されます。 v4.1.0で追加されたプロパティ
10	色	文字列 カラーピッカー		color	string		コンポーネントの色
11	背景色	文字列 カラーピッカー		backgroundColor	string		背景色
12	ラベル色	文字列 カラーピッカー		labelColor	string		ラベルの文字色
13	入力文字色	文字列 カラーピッカー		inputColor	string		入力文字の色
14	非アクティブ	真偽	OFF	disabled	boolean	false	コンポーネントの無効/有効状態
15	読み取り専用	真偽	OFF	readOnly	boolean	false	読み取り専用モード
16	必須	真偽	OFF	required	boolean	false	必須入力項目の指定
17	表示	真偽	ON	visibility	boolean	true	コンポーネントの表示/非表示
18	フォーマット L	選択 1.yyyy/MM/dd hh:mm aa 2.MM/dd/yyyy hh:mm aa 3.dd/MM/yyyy hh:mm aa	yyyy/MM/dd hh:mm aa	format	string	yyyy/MM/dd hh:mm aa	日時の表示フォーマット
19	プレースホルダ	文字列	yyyy/MM/dd hh:mm aa	placeholder	string	yyyy/MM/dd hh:mm aa	プレースホルダテキスト
20	ヘルパーテキスト	文字列		helperText	string		ヘルパーテキスト
21	チェンジイベント	選択 1.なし 2.アクション 3. 切り離されたアクション	なし				値変更時のイベント設定 切り離されたアクションはv4.1.0で選択可能になりました。
22	値	文字列		value	string		日時の値
23	エラー			error	boolean	false	エラー状態
24	切り離されたアクション	選択 1.[切り離されたアクションのID]		detachedAction	string		切り離されたアクションを設定 v4.1.0で追加されたプロパティ
25	タブによるフォーカス	選択 1.[コンポーネントのID]		tabFocus	string		次フォーカスのコンポーネント指定 v3.3.0で追加されたプロパティ

ノート

• ^L：多言語対応プロパティとなります。
• [フォーマット]は[+]ボタンをクリックして、[英語][日本語]それぞれのフォーマ ットを追加できます。フォーマットの例は以下になります。
  • [yyyy/MM/dd hh:mm aa] の場合 例) 1987/6/05 04:03 pm
  • [MM/dd/yyyy hh:mm aa] の場合 例) 06/05/1987 04:03 pm
  • [dd/MM/yyyy hh:mm aa] の場合 例) 05/06/1987 04:03 pm
• [値(value)]に初期値を設定する際、末尾にZを付けるとUTCとなり、時差を考慮した時刻をクライアントで行います。 日本であれば9時間進んだ時間となります。 末尾にZを付けない場合は、設定した時刻をコンポーネントに表示します。
• [必須]プロパティをONにした場合、ラベルの横に * マークが付きます。
  必須チェックは自動では行いませんので、アクションを定義してください。

イベント

イベント名	説明
onchange	値の変更が行われ、カーソルが外れた時に発生します。