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();