datetime
Используйте тег <datetime>, чтобы добавить поле ввода даты и времени.
Доступные атрибуты:
Атрибут | Тип | Обязательно | Описание |
---|---|---|---|
beginDate | String | Нет | Укажите дату начала периода. |
endDate | String | Нет | Укажите дату конца периода. |
class | String | Нет | Укажите название класса CSS, определенное в поле CSS виджета. |
model | String | Да | Укажите значение этого атрибута, чтобы привязать объект данных клиентского контроллера. При изменении данных в модели, они автоматически переносятся в клиентский контроллер. |
isMandatory | Boolean | Нет | Установите значение атрибута true, чтобы сделать поле обязательным. Значение по умолчанию: false. |
isVisible | Boolean | Нет | Установите значение false, чтобы скрыть тег. Значение по умолчанию: true. |
label | 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();