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 |
---|
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 Date , DateTime , or Time Display Format - Sets the display format of the date in the input field Binding Type dateValue - for relative date
value - for absolute date
Value Format - Determines the format of the value property. If Binding Type is set to value , the format is set to the type of the binding Validations Regex Script Function Error Msg Value Required Required At Approval Level
|
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 |
Mandatory | Defines whether the control should be mandatory or not Set the value to true or false |
Common Control Properties
See other properties
Element | Usage |
---|
ID | Unique identifier of the control |
Bound Field | Table array assigned to 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 |
Enabled | Defines whether the user can interact with the control or not Set the value to true or false |
Visible | Defines whether the control should be visible on the screen or not Set the value to true or false |
Editable | Defines whether the control can be modified by the user or not Set the value to true or false |
Mandatory | Defines whether the control should be mandatory or not Set the value to true or false |
Style Class | Defines the CSS style of the control Please refer to Using Predefined CSS Margin Classes and Using Container Content Padding CSS Classes for further details |
All/More | Opens up a search help that contains other properties that you can define for the control Please refer to the SAP UI5 API reference to see the list of available properties for each control |
Advanced | Properties of the control that are not available from the list can be written in the advanced Detail Editor Please refer to Setting Additional Properties of a Control |
Related articles