日付ピッカー

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

プロパティ

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

ノート

• [フォーマット]は[+]ボタンをクリックして、[英語][日本語]それぞれのフォーマ ットを追加できます。フォーマットの例は以下になります。
  • [yyyy/MM/dd]の場合 例) 1987/06/05
  • [MM/dd/yyyy]の場合 例) 06/05/1987
  • [dd/MM/yyyy]の場合 例) 05/06/1987
• [必須]プロパティをONにした場合、ラベルの横に * マークが付きます。
  必須チェックは自動では行いませんので、アクションを定義してください。

イベント

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