Date Picker

Click to copy

特定の日付を選択できるようにする。


ルック&フィールの設定

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は使用しなければなりません。