Используйте тег <datetime>, чтобы добавить поле ввода даты и времени.
Доступные атрибуты:
| Атрибут | Тип | Обязательный | Описание |
|---|---|---|---|
| beginDate | String | Нет | Укажите дату начала периода. |
| class | String | Нет | Укажите название класса CSS, определенное в поле CSS виджета. |
| endDate | String | Нет | Укажите дату конца периода. |
| isMandatory | Boolean | Нет | Установите значение атрибута true, чтобы сделать поле обязательным. Значение по умолчанию: false. |
| isVisible | Boolean | Нет | Установите значение атрибута false, чтобы скрыть тег. Значение по умолчанию: true. |
| label | String | Нет | Добавьте заголовок, описывающий содержание поля. |
| model | String | Да | Укажите этот атрибут, чтобы привязать объект данных клиентского контроллера. При изменении данных модели они автоматически переносятся в данные клиентского контроллера. |
| placeholder | String | Нет | Укажите подсказу для поля. |
readOnly | Boolean | Нет | Установите значение атрибута true, чтобы сделать поле доступным только для чтения. Значение по умолчанию: false. |
| style | String | Нет | Настройте вид элементов тега (размер, шрифт, цвет и другое), используя синтаксис CSS. |
value | String | Нет | Укажите значение поля по умолчанию. |
Примеры:
datetime
<datetime model="data.dueDate" label="Укажите дату и время" isMandatory="true" beginDate="{data.beginDate}" endDate="{data.endDate}"></datetime>
Шаблон из примера добавляет следующий элемент на страницу:
Пример серверного скрипта виджета
const nowDate = new SimpleDateTime(); data.beginDate = nowDate.getDate(); nowDate.addDays(3); data.endDate = nowDate.getDate();
