View Source

Use 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.
class	String	N	Specify the CSS class name defined in the CSS field of the widget.
endDate	String	N	Specify the period end date.
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.
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.
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 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:

SimpleOne Documentation (Official) > datetime > datetime_example_eng.png

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