Date Picker extends the capability of a normal text field with a date picker library.


Figure 1: Date Picker


Figure 2: Date Picker Properties

ID

Element ID

Label

Element Label

Value

Default Value

Display Format

Please refer to http://docs.jquery.com/UI/Datepicker/formatDate

Data Format

In Java date format; e.g., yyyy-MM-dd for 2011-06-01

Date Picker Year Range

Range of years to be shown

Readonly

Determines if the element is editable

Display field as Label when readonly?

Displays the value of the element as plain text when element is set to "Readonly".

One may extend the capabilities of this element by adding a validator as well as mapping its value to a workflow variable.

Read more about Validators and Workflow Variables.

Limit Date Selection for Start Date and End Date

Since version 4.0.5, new properties added to limit the date selection to support Start Date and End Date use case.

 

Start Date Field ID

The Field ID of the date picker used as Start Date. The value of the Start Date Field is used to set the
minimum value of date picker. Leave it empty if the current date picker is used as Start Date.

End Date Field ID

The Field ID of the date picker used as End Date. The value of the End Date Field is used to set the 
maximum value of date picker. Leave it empty if the current date picker is used as End Date.

Set Current Date As

Set the current date as the minimum/maximum value of date picker.

The image below shown the Start Date Field selection is limited to between 8 Jul and 30 Jul. The default minimum value is set using "Set Current Date As" and the maximum value is limited by the value of End Date Field.

  • No labels