Time picker

クリックでコピー

タイムスタンプを選択できるようにする。


ルック&フィールの設定

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

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

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

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

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

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

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

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

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

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

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

Time Picker


ワークフロートリガー

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

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

Timepicker 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]- 値の検証時に表示されるメッセージ。

Timepicker Get Properties

Timepicker 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]- 値の検証時に表示されるメッセージ。

Timepicker Set Properties

Timepicker 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]- 値の検証時に表示されるメッセージ。

Timepicker Update Properties

Timepicker Validate

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

入力 パラメータ

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

出力 パラメータ

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

Timepicker Validate


使用例

選択された時間を解析し、そのすべてのコンポジットを取得するには、次のロジックを使用する必要があります。

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

  • 選択された値は、秒、分など、いくつかの細かいパーツに分けられます。 Expand timeを使用しなければなりません。