Time#
Для настройки виджета требуется совершить следующие действия:
Виджет Time отображает поле для ввода текстового значения Пользователем, что позволяет использовать подсказки и ограничения, для ввода только верных значений.
Для настройки элемента нажмите на значок редактирования .
Откроется всплывающее окно “Настройки элемента”:
Поля для настройки виджета#
Заполните нужные поля для настройки виджета.
“Обязательный к заполнению” – чекбокс, заполняется вручную левой кнопкой мыши. Предназначен для окраса поля в красный цвет, если Пользователь не заполнил данный виджет.
“Видимое название” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать название для виджета.
“Имя Параметра в Задаче (Task)” – текстовое поле, заполняется вручную с клавиатуры. В этом поле отображается текст, который соответствует значению указанного Параметра выбранной Задачи. Пользователь может изменить это значение в текстовом поле, и после сохранения формы новое значение будет записано в указанный Параметр выбранной Задачи. Это означает, что при внесении изменений в текстовое поле Пользователь может обновить информацию в Задаче, для чего достаточно просто ввести новое значение и сохранить изменения.
“Заполнитель” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать текст-заполнитель (placeholder), который будет отображаться в поле ввода до тех пор, пока пользователь не начнет вводить значение.
“Класс” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать CSS-класс, который будет применяться к элементу. Это позволяет изменить стиль виджета, например, цвет, размер или шрифт.
“Регулярное выражение (Regexp)” – текстовое поле, заполняется вручную с клавиатуры. Позволяет задать регулярное выражение для валидации ввода.
“Подсказка об ошибке валидации” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать текст, который будет отображаться Пользователю в случае, если введенное значение не прошло валидацию.
“Подсказка” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать дополнительную подсказку, которая поможет пользователю понять, что именно нужно вводить.
“Значение по умолчанию” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать значение, которое будет отображаться в поле ввода по умолчанию.
Пример заполнения#
| Название поля | Значение |
| Чек бокс "Обязательный к заполнению" | |
| Видимое название | Время начала занятия |
| Имя Параметра в Задаче (Task) | start_time |
| Заполнитель | ЧЧ:ММ |
| Класс | time-input |
| Регулярное выражение (Regexp) | ^([01]?\d|2[0-3]):([0-5]\d)$ |
| Подсказка об ошибке валидации | Пожалуйста, введите время в формате ЧЧ:ММ (например, 14:30) |
| Подсказка | Укажите время начала занятия в формате ЧЧ:ММ. |
| Значение по умолчанию | 09:00 |
Результат:
Пример выбора времени#
Выбор времени возможен только с помощью графического элемента интерфейса, который отображает часы и минуты. Позволяет Пользователю выбрать время с помощью специального колеса (спиннера) для вращения часовых и минутных шкал:
Пользователь может перемещаться по часам и минутам, используя шкалы времени. Удобный и интуитивно понятный интерфейс, особенно для Пользователей, не знакомых с форматом времени.