DateTime Picker

Нажмите, чтобы скопировать

Выбирает значение времени даты.


Настройки внешнего вида

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, чтобы преобразовать значение временной метки в нужный формат.