Time Span Form Field

Calculate time spans between dates within your Elementor Forms.
More From This Segment

Showcase time spans and ranges between static, dynamic date values, or user input in separate date fields.

Gloo is no stranger to time span calculations, as we’ve previously released the Time Span Dynamic Tag. This time however we’ve pushed the concept even forward by making sure to have the same functionalities (and more) directly within your Elementor Forms as an entirely new Form Field, the Time Span Form Field.

There are in fact plenty of reasons why you should want to showcase how much time is left before, for example, an offer ends, or the time left until an user can submit certain data, and so on and so forth.

Flexibility and customization.

As with every Gloo feature, the Time Span Form Field comes with many ways to customize and make sure the output matches your expectations down to the second. As always, we can label the field, but there’s way more in the settings than that.

  • Default Value

Self-explanatory, this field will let you specify what the default value that will get shown in the frontend will be.

  • Start Date Field ID?

This toggle will let you fetch the start date from a separate Date Field so that the Time Span Field will be able to use user inputs to calculate the displayed time ranges against either a specified end date, or another Date Field’s value.

  • Start Date

This is where you can specify the start date manually.

  • Start Date Format

Specify the Date Format for the Start Date (DD/MM/YY or MM/DD/YY, for example.)

From then after, the options repeat but for the End Date values.

  • Output

This will let you specify what measurement unit of time you want the field to return the time range in, between seconds, minutes, hours, days, weeks, months, years, and even a custom output. Choosing custom will make another field show up where you can customize the output.

  • Before/After Text

Option to write some text before and after the field’s output, to complete a sentence and give the user a better idea of what the time span is actually about.

The Time Span Form Field is sure to be a great tool for all those working with dates and Date Fields within their Elementor Form, adding yet another tool in the arsenal of designers and developers alike.

Play Video

Got A Question ?

We Are Here to Help
More Modules
Power Gloo
Buddypress \ BuddyBoss
Woo Gloo
Fluid Dynamic
Power Gloo
CRM and Marketing
Forms Extensions
Forms Extensions
Buddypress \ BuddyBoss
Forms Extensions
Buddypress \ BuddyBoss