Use the <datetime> tag to add a date and time input field. 

Available attributes:

AttributeTypeMandatoryDescription
beginDateStringNSpecify the period start date.
classStringNSpecify the CSS class name defined in the CSS field of the widget.
endDateStringNSpecify the period end date.
isMandatoryBooleanNSet the value to true to make the field mandatory. The default value is false.
isVisibleBooleanNSet the value to false to hide the tag. The default value is true.
labelStringNDescribe the field content by giving it a title.
modelStringYSpecify this attribute to connect the client controller data object. When the model data changes, it is automatically transferred to the data of the client controller.
placeholderStringNSpecify a placeholder for the field.

readOnly

BooleanN

Set the value to true to make the field read-only. The default value is false.

styleStringN

Specify the display settings (size, font, color, and others) of the tag elements using the CSS syntax.

value

StringN

Specify the default value for the field.

Examples:

datetime
<datetime model="data.dueDate" label="Specify date and time" isMandatory="true" beginDate="{data.beginDate}" endDate="{data.endDate}"></datetime>

The template above adds the following element to the page:

Server script example
const nowDate = new SimpleDateTime();
data.beginDate = nowDate.getDate();
nowDate.addDays(3);
data.endDate = nowDate.getDate();


  • No labels