Компонент "Form Datetime Picker"

1. Описание

Компонент предназначен для выбора даты и времени.

Данный компонент присутствует в схемах типа:

  • Формы.

Блок (Рис.1(1)) используется в поле для построения схемы. При нажатии на блок открывается панель настроек данного компонента (Рис.1(2)).

Рис. 1. Компонент "Form Datetime Picker"

1.1. Блок "Form Datetime Picker"

Блок состоит из таких элементов:

  1. Название компонента;

  2. Ветка "In" - принимающая (соединяющая с предыдущим блоком) ветка;

  3. Ветка "Out" - исходящая (соединяющая со следующим блоком) ветка.

При наведении на поле "Out" появляется переключатель, который позволяет соединить этот компонент с компонентом, уже имеющим соединение.

Наличие иконки  обозначает, что  переключатель включен, и данный компонент можно соединить с компонентом, уже имеющим соединение.

Смена положения переключателя  удаляет исходящую ветку этого компонента.

Кнопка  удаляет блок из схемы.

1.2. Панель настроек "Form Datetime Picker "

Состоит из таких элементов:

  1. Поле "Id";

  2. Элемент "View";

  3. Переключатель "Break";

  4. Элемент "Limit":

  5. Элемент "Add description".

1.2.1. Поле "Id"

В этом поле задается название* (уникальное в рамках схемы) – служебное название, не отображаемое на странице. Используется как переменный для дальнейшего доступа к значениям.

1.2.2. Элемент "View"

Предназначен для настройки отображения.

Состоит из таких полей:

  1. Current time; 

  2. Label;

  3. Hint.

1.2.2.1. Current time

Устанавливает текущее время.

 - текущее время;

 - время указанное в поле "Initial value"

1.2.2.1.1. Initial value

Поле доступно при выключенном переключателе "Current time". Поле для выбора даты и времени. При нажатии на поле открывается календарь (Рис. 2). После выбора нужной даты и времени необходимо нажать кнопку "Add". При нажатии кнопки "Cancel" выбор не сохраняется.

Рис. 2. Initial value

1.2.2.2. Label

В этом поле можно задать пометку.

1.2.2.3. Hint

В этом поле можно задать подсказку.

1.2.3. Переключатель "Break"

1.2.4. Элемент "Limit"

Рис. 3. Установление лимита

1.2.5. Элемент "Add description"

Рис. 4. Элемент "Add description"