- Latest Version 1.128
- Version 1.126
- SAPUI Version 1.124
- SAPUI5 Version 1.122
- SAPUI5 Version 1.120
- SAPUI5 Version 1.118
- SAPUI5 Version 1.116
- SAPUI5 Version 1.112
- SAPUI5 Version 1.110
- SAPUI5 Version 1.108
- SAPUI5 Version 1.106
- SAPUI5 Version 1.104
- SAPUI5 Version 1.102
- SAPUI5 Version 1.100
- SAPUI5 Version 1.98
- SAPUI5 Version 1.96
- SAPUI5 Version 1.94
- SAPUI5 Version 1.92
- SAPUI5 Version 1.90
- SAPUI5 Version 1.88
- SAPUI5 Version 1.86
- SAPUI5 Version 1.84
- SAPUI5 Version 1.82
- SAPUI5 Version 1.80
- SAPUI5 Version 1.78
- SAPUI5 Version 1.76
- SAPUI5 Version 1.74
- SAPUI5 Version 1.72
- SAPUI5 Version 1.70
- SAPUI5 Version 1.68
- SAPUI5 Version 1.66
- SAPUI5 Version 1.64
- SAPUI5 Version 1.62
- SAPUI5 Version 1.60
- SAPUI5 Version 1.58
- SAPUI5 Version 1.56
- SAPUI5 Version 1.54
- SAPUI5 Version 1.52
- SAPUI5 Version 1.50
- SAPUI5 Version 1.48
- SAPUI5 Version 1.46
- SAPUI5 Version 1.44
- SAPUI5 Version 1.42
- SAPUI5 Version 1.40
- SAPUI5 Version 1.38
- SAPUI5 Version 1.36
- SAPUI5 Version 1.34
- SAPUI5 Version 1.32
- SAPUI5 Version 1.30
- SAPUI5 Version 1.28
- SAPUI5 Version 1.26
- Latest Version 1.128
- Version 1.126
- SAPUI Version 1.124
- SAPUI5 Version 1.122
- SAPUI5 Version 1.120
- SAPUI5 Version 1.118
- SAPUI5 Version 1.116
- SAPUI5 Version 1.114
- SAPUI5 Version 1.112
- SAPUI5 Version 1.110
- SAPUI5 Version 1.108
- SAPUI5 Version 1.106
- SAPUI5 Version 1.104
- SAPUI5 Version 1.102
- SAPUI5 Version 1.100
- SAPUI5 Version 1.98
- SAPUI5 Version 1.96
- SAPUI5 Version 1.94
- SAPUI5 Version 1.92
- SAPUI5 Version 1.90
- SAPUI5 Version 1.88
- SAPUI5 Version 1.86
- SAPUI5 Version 1.84
- SAPUI5 Version 1.82
- SAPUI5 Version 1.80
- SAPUI5 Version 1.78
- SAPUI5 Version 1.76
- SAPUI5 Version 1.74
- SAPUI5 Version 1.72
- SAPUI5 Version 1.70
- SAPUI5 Version 1.68
- SAPUI5 Version 1.66
- SAPUI5 Version 1.64
- SAPUI5 Version 1.62
- SAPUI5 Version 1.60
- SAPUI5 Version 1.58
- SAPUI5 Version 1.56
- SAPUI5 Version 1.54
- SAPUI5 Version 1.52
- SAPUI5 Version 1.50
- SAPUI5 Version 1.48
- SAPUI5 Version 1.46
- SAPUI5 Version 1.44
- SAPUI5 Version 1.42
- SAPUI5 Version 1.40
- SAPUI5 Version 1.38
- SAPUI5 Version 1.36
- SAPUI5 Version 1.34
- SAPUI5 Version 1.32
- SAPUI5 Version 1.30
- SAPUI5 Version 1.28
- SAPUI5 Version 1.26
Formatting Time
sap.ui.core.format.DateFormat
Intro
This article describes the international rules for time formats. The SAPUI5 time formatters will help you to comply with these rules.
Usage
Use time formatting if:
- You need to display time based on the user’s locale settings.
Types
You can use three different types of time formats: short, medium, and long. The formatting and order of the values differ based on the locale settings that have been configured in the browser.
Short Format
In the short format, time is displayed to the user in hours and minutes only.
United States (US): 11:15 AM
Germany (DE): 11:15
China (CN): 上午11:15
Denmark (DK): 11.15
Medium Format
If you need to display the seconds, use the medium time format.
United States (US): 11:17:57 AM
Germany (DE): 11:17:57
China (CN): 上午11:17:57
Denmark (DK): 11.17.57
Long Format
If you need to display a time zone, use the long time format.
United States (US): 11:19:27 AM GMT+01:00
Germany (DE): 11:19:27 GMT+01:00
China (CN): GMT+01:00 上午11:19:27
Denmark (DK): 11.19.27 GMT+01:00
Guidelines
- In general, use the short format.
- In general, display information in the user’s timezone.
- Show the timezone only if required by the use case (for example, to indicate the local arrival time of a cross-continental flight).
- Use the correct time format according to your language or locale settings.
If you have to display a time format as an object attribute, follow the formatting rules for the object header and object list item attribute.
Durations
If you need to display durations, show every number and unit of measurement according to the rules for units of measurement. (For example, use long text instead of ISO codes or abbreviations.)
Use long text to display durations
Do not use abbreviations when durations have to be displayed
Time Intervals
If you need to display time intervals, use an en dash “–” (not a minus sign) as a delimiter between the times.
United States (US): 11:29 AM – 2:29 PM
Germany (DE): 11:29 – 14:29
China (CN): 上午11:29 – 下午2:29
Denmark (DK): 11.29 – 14.29
Resources
Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.
Elements and Controls
- Date Picker (guidelines)
- Object List Item (guidelines)
- Object Number (guidelines)