Date Picker

Click to copy

Позволяет выбрать определенную дату.


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

Label(не обязательно) должен использоваться для отображения метки компонента.

Placeholder(не обязательно) используется для отображения заполнителя компонента.

Name(обязательно) - имя компонента.

Tooltip(не обязательно) - строка всплывающей подсказки.

Min(обязательно) - минимальное значение временной метки [в формате unix], с которого следует начинать отсчет. По умолчанию имеет значение 0.

Max(обязательно) - максимальное значение временной метки [в формате unix], которое может быть выбрано. По умолчанию приравнивается к моменту создания;

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 formatted], которое может быть выбрано;
  • Value[datetime] - выбранное значение временной метки [в формате unix];
  • 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 formatted], которое может быть выбрано;
  • Value[datetime] - выбранное значение временной метки [в формате unix];
  • 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 formatted], которое может быть выбрано;
  • Value[datetime] - выбранное значение временной метки [в формате unix];
  • 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 должно быть использовано.

Date Picker | AppMaster Docs