5 Best Duration Pickers In JavaScript

by jQueryScript,

What Is Duration Picker?

A duration picker allows the user to select a duration representing how long something lasts, from beginning to end.

It typically provides a user-friendly interface that makes it easy to pick a duration (in days, hours, minutes, seconds) between two times and dates.

The Best Duration Picker

In this post, you will find out the 5 best jQuery and Vanilla JavaScript plugins to quickly implement a duration picker on your next web project. Have fun with it.

1. User-friendly Duration Picker Plugin With jQuery - timesetter

timesetter is a jQuery duration & time picker plugin which allows the user to pick duration in hours and minutes with increment / decreament buttons and keyboard interactions.

User-friendly Duration Picker Plugin With jQuery - timesetter

[Demo] [Download]


2. Lightweight Duration Picker Plugin For jQuery and Semantic UI

A lightweight jQuery duration / time / date picker plugin for Semantic UI that allows to pick duration in days, hours, minutes, seconds from a popover dropdown.

Lightweight Duration Picker Plugin For jQuery and Semantic UI

[Demo] [Download]


3. Simple Time Input Spinner Plugin With jQuery - TimingField

TimingField is a jQuery plugin that converts any text field into an input spinner with increment/decrement buttons for quickly pick a time in hours, minutes and seconds.

Simple Time Input Spinner Plugin With jQuery - TimingField

[Demo] [Download]


4. Easy Duration Picker In Vanilla JavaScript – html-duration-picker.js

A pure JavaScript duration picker that allows the user to pick duration (in hours, minutes, seconds) in a normal input field.

Easy Duration Picker In Vanilla JavaScript – html-duration-picker.js

[Demo] [Download]


5. Tiny JavaScript Library For Selecting Duration – DurationPickerMaker

A user-friendly duration (total seconds) picker written in vanilla JavaScript.

Tiny JavaScript Library For Selecting Duration – DurationPickerMaker

[Demo] [Download]


More Resources:

Want more jQuery plugins or JavaScript libraries to create awesome duration pickers on the web & mobile? Check out the jQuery Duration Picker and JavaScript Duration Picker sections.

See Also: