Visualization Element ‘Date and time picker’

Symbol:

Tag: Date/time controls

The element allows selecting the date or the time. The date or time value can be modified via keyboard or arrow keys. The date can be selected from a calendar.

Element properties

Element name	Optional Tip: Assign individual names for elements so that they are found faster in the element list. Example: StartDateAndTime
Element type	Date and time picker

Element property ‘Position’

The position defines the location and size of the element in the visualization window. These are based on the Cartesian coordinate system. The origin is located at the upper left corner of the window. The positive horizontal x-axis runs to the right. The positive vertical y-axis runs downwards.

X	X coordinate of the upper left corner of the element Specified in pixels. Example: 10.
Y	Y coordinate of the upper left corner of the element Specified in pixels. Example: 10.
Width	Specified in pixels. Example: 150
Height	Specified in pixels. Example: 30

Note

You can also change the values by dragging the box symbols ( ) to other positions in the editor.

See also

• Positioning Elements, Adapting Size and Layer

Variable	Variable (DATE, DT, TIME, LTIME, TOD) The value of the variable is displayed by the element and can be changed with it. The data type determines automatically the displayed value units: TIME: day, hour, minute, second, (millisecond is not displayed by default) DATE: year, month, day DT: year, month, day, hour, minute, second TOD: hour, minute, second, (millisecond is not displayed by default) LTIME: day, hour, minute, second, (millisecond, microsecond, nanosecond are not displayed by default)
Format string	With a format definition the output can be restricted to single values. Example for LTIME: format: HH:mm:ss.ms.us.ns –> display 08:15:12.780.150.360 LTIME restricted: format: HH:mm –> display 08:15 Example for DATE: format: yyyy/MM/dd –> display: 2015/12/17 . Basically all common formats are supported, which are also provided for %t.
Design date time picker	From style: All settings are preconfigured according to the style. Explicit: The property Design settings appears. Here you can customize the calendar.
Design date picker	From style: All settings are preconfigured according to the style. Explicit: The property Design settings appears. Here you can customize the calendar.
Positioning date picker	Dynamic: The calender is adjusted and positioned automatically. Manual: The property Position settings is displayed. There you can adjust the calender individually.

See also

• Placeholders with Format Definition in the Output Text

Element property ‘State variables’

The variables control the element behavior dynamically.

Invisible	Variable (BOOL). Toggles the visibility of the element. TRUE: The element is not visible at runtime.
Deactivate inputs	Variable (BOOL). Toggles the operability of the element. TRUE: User inputs do not have any effect in runtime more. The element is shown as deactivated.

Element property ‘Access rights’

Requirement: User management is set up for the visualization.

Access rights

Opens the Access rights dialog box for changing the access rights for the element. Status messages: Not set. All rights.: Access rights for all user groups : operable Rights are assigned: limited rights: Access is restricted for at least one group.

See also

• Dialog Box ‘Access rights’