Creating a Date and Time Picker
- Inese Auzina
- Gints Vaskums
- Mercedes Rothwell
The date field is used to select the date and time.
Related Topics
Functionality | Appearance |
|---|---|
During run-time, the field shows a pop-up calendar, where the user selects the date. |  Date field with the pop-up calendar |
By clicking in the month in the calendar pop-up, a month and year pop-up appears and the user can scroll for the necessary year and select the month. |  Date field with the month and year pop-up |
After selecting the date, if the field is configured that way, the time pop-up appears and the user can scroll for the necessary hour and minutes, and change AM to PM. | Date field with the time pop-up |
The example below shows how to create a field for selecting a Driver’s license issue date. It will be a Date field, with only date values (as time is not needed here), that will synchronize to a PDF form.
Step 1: Add a Date Field.
Open Add Field panel. Add a Date field to the page. Enter the following values for the field settings:
Field | Value |
|
|---|---|---|
Field Label |
| You can use HTML tags to format the label. |
Meta Field Name |
|
|
Display Type | Custom | A custom format with only the date picker will be shown to the user. |
Custom Format |
| The result will show the weekday and the full date, like this "Tuesday, January 5, 2016". |
Enable Date | Selected | This will show the date selection pop-up to the user. |
Enable Time | Deselected | This will hide the time selection pop-up from the user. |
Size by content | Selected | The field size will be reduced to the size of the date entered. |
Adding a Date field
Step 2: Apply the Changes.
Step 3: Test the Widget.
Date field in the wizard