Time picker

Click to copy

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


ルック&フィールの設定

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キーが押されたときに発火します。

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

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 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 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 Validate

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

入力 パラメータ

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

出力 パラメータ

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


使用例

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

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

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