Skip to content

Date

A time-picker component that lets users select a specific date and, optionally, a time.

Overview

ItemDetails
CategoryDate & Number
SortableYes
FilterableYes
Available Filtersequals, not equals, empty, not empty, less than, greater than, ≤, ≥, in range, out of range

Settings

SettingDescription
Allow EmptySet whether the field is required.
Placeholder when EmptyThe placeholder text to display when the field is empty.
Use Current Time as DefaultEnable to use the current time as the default value for the field.
Default ValueSet the default value for the field.
Include Time PickerEnable to include a time picker in addition to the date picker.
Display FormatSet the display format for the date field.
Use Expression to RenderEnable to use an expression to customize the display value.
Disable Date when ExpressionSet an expression to disable certain dates.

In Database

Field TypeDescription
timestamp(6)Stores the date and time.

Use Expression to Render

Can use an expression to customize the display value of the date field. For example, to display the date in the format "yyyy/MM/dd", use the following expression:

js
${Misc.formatDate(record.customDate,'yy/MM/dd')}

The above expression will render the following result:

24/07/17

Disable Date when Expression

Can use an expression to disable certain dates in the date picker. For example, to disable weekends, use the following expression:

js
${Date.datePart(date,'day_of_week')==6||Date.datePart(date,'day_of_week')==7}

The above expression will disable the following dates: