Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Time Ago Formatter calculates the duration between two input dates from (the same List) with different methods to be chosen from.

Plugin Information

Plugins Available in the Bundle:

  1. Time Ago Datalist Formatter

This plugin bundle is compatible with Joget DX 7 and onwards.

Expected Outcome

The user is able to calculate duration between two dates in the same list.

Image Added

Figure 1: Time Ago Datalist Formatter in List

Get Started

Steps

1. You can get the plugin jar file from Joget Marketplace.

2. Upload the plugin jar file in Joget by going to Settings → Manage Plugins.

3. You can choose to import the demo app or create the app from scratch.

Steps for importing demo app

1. Download the demo app from Download Demo App.

2. Go to Joget Home or All Apps and click on Import App to import the downloaded demo app.

Steps for creating app from scratch

1. Create a form with some manual text field values and some date picker values.

Image Added

Figure 2: Create Form with Text Fields and Date Picker


2. Go to right up corner, click on Generate App > Generate CRUD

Image Added

Figure 3: Generate CRUD for form


3. Now go to the datalist. Play around with the plugin by duplicating the column and applying the Time Ago Datalist Formatter. For plugin configuration details, please refer to Time Ago Formatter Properties.

Image Added

Figure 4: Modify list and apply Time Ago Datalist Formatter 


4. Publish and run the UI. You can see the difference of the dates that you configured.

Image Added

Figure 5: Time Ago Datalist Formatter in UI List

Time Ago Formatter Properties

Configure Time Ago Formatter

Image RemovedImage Added

NameDescription
Duration

Different methods of taking in two dates.

Available options:

  • From Column Date To Today
  • From Column Date To Another Date
  • Between Two Dates
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.

Image Modified

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.

Image Modified

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.

Image Modified

Date Output Format

Date output formats for specific units.

Available options:

  • year(s)
  • month(s)
  • day(s)
  • hour(s)
  • minute(s)
Include Format in Output

Checkbox field to determine whether to include format when date output format is chosen.

Download Demo App

...

...