Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

ID

Element

Usage

Unique 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 true or false

Editable

Defines whether the control can be modified by the user 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

Mandatory

Defines whether the control should be mandatory or not

Set the value to true or false

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
titleSee other properties

Insert excerpt
Common Control Properties
Common Control Properties
nopaneltrue

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@223dfe
sorttitle
showSpacefalse
typepage
labelskb-how-to-article
cqllabel in ( "add-ui-elements" , "vertical-layout-implementation" ) and type = "page" and space = "IFAB"

...