The DateTimePicker control is used to select a localised date between 0001-01-01 and 9999-12-31 and time values in a combined input. It consists of two parts: the input field and the date/time picker. For more information, you may refer to the SAPUI5 API reference for Date Time Picker control and its samples.
Date Time Picker Properties
Element | Usage | IDUnique identifier of the control | |
---|---|---|---|
GridData(LMS) | Defines how many columns are displayed depending on the available screen size with a maximum of 12 Please refer to GridData for further details | ||
Bound Field | Field Name that links the Control to the Data Model | ||
Actions on change | Defines the actions that will be executed on change event by calling a JavaScript function | ||
Placeholder | Provides a short hint that describes the expected value of an input field The short hint is displayed in the field before the user enters a value | ||
Enabled | Defines whether the user can interact with the control or not Set the value to | ||
Editable | Defines whether the control can be modified by the user or not Set the value to | ||
Visible | Defines whether the control should be visible on the screen or not Set the value to | ||
Mandatory | Defines whether the control should be mandatory or not Set the value to | ||
All | Contains all the other control properties | ||
Advanced | Properties of the control that are not available in the element list can be added in the advanced Detail Editor For more information, you may refer to Setting Additional Properties of a Control |
Step-by-step guide
How to add a Date Time Input
...
Right click on a Form Element and select Add DateTimeInput
...
A Date Time Input control has been added
...
Common Control Properties
Expand | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
|
Related articles
Filter by label (Content by label) | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...