datetime
The <datetime> tag to add a date and time input field.
Available attributes:
Attribute | Type | Mandatory | Description |
---|---|---|---|
beginDate | String | N | Specify the period start date. |
endDate | String | N | Specify the period end date. |
class | String | N | Specify the CSS class name defined in the CSS field of the widget. |
model | String | Y | Specify 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. |
isMandatory | Boolean | N | Set the value to true to make the field mandatory. The default value is false. |
isVisible | Boolean | N | Set the value to false to hide the tag. The default value is true. |
label | String | N | Describe the field content by giving it a title. |
placeholder | String | N | Specify a placeholder for the field. |
readOnly | Boolean | N | Set the value to true to make the field read-only. The default value is false. |
style | String | N | Specify the display settings (size, font, color, and others) of the tag elements using the CSS syntax. |
value | String | N | 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
const nowDate = new SimpleDateTime();
data.beginDate = nowDate.getDate();
nowDate.addDays(3);
data.endDate = nowDate.getDate();