🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

This is a user-friendly duration spinner widget for jQuery UI that makes it easier to increment / decrement duration strings using up and down buttons.

Duration-Picker

Documentation

jquery-ui-durationspinner

Time duration spinner using jquery-ui.

Dependencies

Include following libraries before use.

  • jquery-ui-dist
  • moment
  • moment-duration-format

Installation

Install from npm:

$ npm install @kanety/jquery-ui-durationspinner --save 

Usage

Create a spinner:

$('input.spinner').durationspinner();

Change time format to hh:mm:ss:

$('input.spinner').durationspinner({ format: 'hh:mm:ss', step: 1, page: 60 });

You can use dhms for the format.

  • d: days
  • h: hours
  • m: minutes
  • s: seconds

License

The library is available as open source under the terms of the MIT License.


You May Also Like