DateTime Picker

クリックでコピー

datetime 値を選択する。


ルック&フィールの設定

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

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

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

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

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

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

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

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

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

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

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


ワークフロートリガー

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

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

DateTimepicker 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 formatted] から開始します。
  • Max [datetime]- 選択可能なタイムスタンプの最大値[unix formatted]
  • Value [datetime]- 選択されたタイムスタンプ値[unix formatted];
  • Validate Icon [boolean] - 値の検証時に表示されるアイコン。
  • Validate Status [Status type]- 値の検証時に表示されるステータス。
  • Validate Message [string]- 値の検証時に表示されるメッセージ。

DateTimepicker Get Properties

DateTimepicker 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 formatted] から開始します。
  • Max [datetime]- 選択可能なタイムスタンプの最大値[unix formatted]
  • Value [datetime]- 選択されたタイムスタンプ値[unix formatted];
  • Validate Icon [boolean]- 値の検証時に表示されるアイコン。
  • Validate Status [Status type]- 値の検証時に表示されるステータス。
  • Validate Message [string]- 値の検証時に表示されるメッセージ。

DateTimepicker Set Properties

DateTimepicker 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 formatted] から開始します。
  • Max [datetime]- 選択可能なタイムスタンプの最大値[unix formatted]
  • Value [datetime]- 選択されたタイムスタンプ値[unix formatted];
  • Validate Icon [boolean]- 値の検証時に表示されるアイコン。
  • Validate Status [Status type]- 値の検証時に表示されるステータス。
  • Validate Message [string]- 値の検証時に表示されるメッセージ。

DateTimepicker Update Properties

DateTimepicker Validate

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

入力 パラメータ

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

出力 パラメータ

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

DateTimepicker Validate


使用例

場合によっては、タイムスタンプ値を取得し(DateTimepicker Get Properties)、それを文字列形式に変換することが必要です。この目的のために、Date & Time to Stringブロックを使用する必要があります。

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

DateTimepicker Get Properties

  • Date & Time to Stringブロックは、タイムスタンプの値を文字列に変換するために使用されなければなりません。値フィールド同士をつなげます。

  • Format maskフィールドを埋めて、タイムスタンプ値を必要な形式に変換します。