The DatePicker control is used to open an interactive calendar in a small overlay where you can select a localised date between 0001-01-01 and 9999-12-31. It consists of two parts: the date input field and the date picker. For more information, you may refer to the SAPUI5 API reference for Date Picker control and its samples.
Date Picker Properties
Element | Usage |
---|---|
ID | Unique identifier of the control |
GridData(LMS) | |
Bound Field | Field Name that links the Control to the Data Model |
Type | Defines the following formatting and validation settings of the control: Type - Sets the type of the control to Display Format - Sets the display format of the date in the input field Binding Type
Value Format - Determines the format of the value property. If Binding Type is set to Validations
|
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 |
VisibleMandatory | Defines whether the control should be visible on the screen mandatory 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 Picker
...
Right click on a Form Element and select Add Date Picker
...
A Date Picker control has been added
...
Common Control Properties
Expand | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
|
Related articles
Filter by label (Content by label) | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...