...
Steps for creating app from scratch
1. Create a form with some manual text field values and some date picker valuesa Date Picker field.
Figure 2: Create Form with Text Fields and Date Picker
2. Go to right up corner, click on Generate App > Generate CRUD
...
Figure 5: Time Ago Datalist Formatter in UI List
5. (Optional) Specify the Date Format configuration "yyyy/MM/dd" to be able to pick up the manual date format when processing.
Figure 6: Time Ago Datalist Formatter in List (Date Format config)
6. Now the plugin is able to pick up manual dtae format and process the value.
Figure 7: Date Format config processing
Time Ago Formatter Properties
Configure Time Ago Formatter
...
Figure 8: Time Ago Datalist Formatter Configuration
| Name | Description |
|---|---|
| Duration | Different methods of taking in two dates. Available options:
|
| Target Date | A different column date taken in as one of the input dates to be compared with the existing Column Date. Only appears when Duration is selected as the From Column Date to Another Date option.
Figure 9: Time Ago Datalist Formatter (From Column Date to Another Date) |
| From Date | A different column date taken in as one of the input dates to be compared with To Date. Only appears when Duration is selected as the Between Two Dates option.
Figure 10: Time Ago Datalist Formatter (Between Two Dates) |
| To Date | A different column date taken in as one of the input dates to be compared with From Date. Only appears when Duration is selected as the Between Two Dates option.
|
| Date Output Format | Date Multi select box for date output formats for specific units. Available options:
|
| Include Format in Output | Checkbox field to determine whether to include format when date output format is chosen. |
| Extra Date Time Format Processing | Heading. For this section, date time default formats will be applied automatically, only specify if there are any extra formats. Formats should be separated by comma, e.g: yyyy-MM-dd, dd-MM-yyyy |
| Date Time Format | Default format: "yyyy-MM-dd hh:mm a", "yyyy-MM-dd HH:mm", "yyyy-MM-dd HH:mma", "yyyy-MM-dd'T'HH:mm:ss.SSSSSS", "yyyy-MM-dd'T'HH:mm:ss", "dd-MM-yyyy hh:mm a", "dd-MM-yyyy hh:mma", "dd-MM-yyyy HH:mma", "dd-MM-yyyy HH:mm" |
| Date Format | Default format: "yyyy-MM-dd", "MMMMMMMMM dd, yyyy", "dd-MM-yyyy" |
| Time Format | Default format: "hh:mm a", "hh:mma", "h:mm a", "h:mma" |
