Date Picker

ルック＆フィールの設定

Label (必須ではありません) コンポーネントのラベルを表示するために使用されます。

Placeholder (必須ではありません) コンポーネントのプレースホルダーを表示するために使用されます。

Name (必須) - コンポーネントの名前です。

Tooltip (必須ではありません) - ツールチップの文字列です。

Min (必須) - タイムスタンプの最小値 [unixフォーマット] から開始されます。デフォルトでは0に設定されています。

Max (必須) - 選択可能なタイムスタンプの最大値[unix formated]。デフォルトでは作成時に等しい。

Step (必須ではありません) - 選択ステップの値です。

Required (必須) - 選択が必要かどうかのマーク。デフォルトではfalseに設定されています。

Allow clear (必須) - 選択をクリアすることができます。デフォルトではfalseに設定されています。

Disabled (必須) - コンポーネントをオンにした場合、無効にします。デフォルトではオフに設定されています。

Visible (必須) -オンにすると、コンポーネントを表示します。デフォルトでは有効です。

ワークフロートリガー

• onChange - ドロップダウンのオプションが変更されたときに発生します。
• onFocus - コンポーネントがフォーカスされたときに発生します。
• onBlur - コンポーネントがぼやけたときに発生します。
• onCreate - コンポーネントが作成されたときに発生します。
• onShow - コンポーネントが表示されたときに発火します。
• onHide - コンポーネントが非表示になったときに発火します。
• onDestroy - コンポーネントが表示されているときに発火します。
• onEnterKey - Enterキーが押されたときに発火します。

コンポーネントアクション

Datepicker Get Properties

コンポーネントのプロパティを取得します。

入力 パラメータ

• Component Id [string]- コンポーネントの識別子

出力 パラメータ

• Label [string] - コンポーネントのラベル
• Placeholder [string]- コンポーネントのプレースホルダー
• Allow Clear [boolean]- trueの場合、選択部分を消去します。
• Disable [boolean] - trueの場合、コンポーネントを無効にします。
• Tooltip [string]- ツールチップの文字列。
• Required [boolean]- trueの場合、必須マークを表示します。
• Debounce (ms) [integer]- 値を検証するための遅延時間。
• Min [datetime]- 開始するタイムスタンプの最小値[unixフォーマット]。
• Max [datetime] - 選択可能なタイムスタンプの最大値[unix formated]。
• Value [datetime]- 選択されたタイムスタンプ値[unix formated]。
• Validate Icon [boolean]- 値を検証する際に表示されるアイコン。
• Validate Status [Status type]- 値の検証時に表示されるステータス。
• Validate Message [string] - 値の検証時に表示されるメッセージ。

Datepicker Set Properties

コンポーネントのプロパティを設定します。

入力 パラメータ：コンポーネントのプロパティを設定します。

• Component Id [string]- コンポーネントの識別子。
• Label [string]- コンポーネントのラベル。
• Placeholder [string]- コンポーネントのプレースホルダ。
• Allow Clear [boolean]- trueの場合、選択範囲をクリアすることができます。
• Disable [boolean]- trueの場合、コンポーネントを無効にします。
• Tooltip [string]- ツールチップの文字列。
• Required [boolean]- trueの場合、必須マークを表示します。
• Debounce (ms) [integer]- 値を検証するための遅延時間。
• Min [datetime]- 開始するタイムスタンプの最小値[unixフォーマット]。
• Max [datetime]- 選択可能なタイムスタンプの最大値[unix formated]。
• Value [datetime]- 選択されたタイムスタンプ値[unix formated]。
• Validate Icon [boolean]- 値を検証する際に表示されるアイコン。
• Validate Status [Status type]- 値の検証時に表示されるステータス。
• Validate Message [string]- 値の検証時に表示されるメッセージ。

Datepicker Update Properties

コンポーネントのプロパティを更新します。

入力 パラメータ：出力パラメータ：コンポーネントのプロパティを設定します。

• Component Id [string]- コンポーネントの識別子。
• Label [string]- コンポーネントのラベル。
• Placeholder [string]- コンポーネントのプレースホルダー。
• Allow Clear [boolean]- trueの場合、選択範囲をクリアすることができます。
• Disable [boolean]- trueの場合、コンポーネントを無効にします。
• Tooltip [string]- ツールチップの文字列。
• Required [boolean]- trueの場合、必須マークを表示します。
• Debounce (ms) [integer]- 値を検証するための遅延時間。
• Min [datetime]- 開始するタイムスタンプの最小値[unixフォーマット]。
• Max [datetime]- 選択可能なタイムスタンプの最大値[unix formated]。
• Value [datetime]- 選択されたタイムスタンプ値[unix formated]。
• Validate Icon [boolean]- 値を検証する際に表示されるアイコン。
• Validate Status [Status type]- 値の検証時に表示されるステータス。
• Validate Message [string]- 値の検証時に表示されるメッセージ。

Datepicker Validate

入力パラメータ：DateTime Pickerコンポーネントから選択されたタイムスタンプ値を検証します。

入力 パラメータ

• Component Id [string]- コンポーネントの識別子。

出力 パラメータ

• Success [boolean]- 検証結果。
• Error [string]- エラーメッセージ

使用例

日付は、年、月、日など、いくつかの異なる部分に分割することができます。

• ブロックをドラッグして Datepicker Get Propertiesブロックをドラッグして、キャンバスにドロップします。 Component IDの値を取得するためには、その値を指定する必要があります。 Date Pickerコンポーネント

• 選択された値は、年、月、日など、いくつかの細かいパーツに分けられることがあります。 Expand dateは使用しなければなりません。