The date field is used to select the date and time.
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 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 |
| ||
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 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.
1 | Click Apply button in at the bottom of the screen to close the Widget Design Screen and apply changes. |
2 | Then click Save button in at the top of the Widget Details Screen to save these changes. |
Step 3: Test the Widget.
Step | Result | |
---|---|---|
1 | Test the widget by opening it. | Date field in the wizard |
2 | Click on the Calendar icon to open the date picker. | |
3 | Select a date. It should appear in the date field. |