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

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.

Time-Picker Duration-Picker

Documentation

jquery-duration-picker

This is a small library for picking time durations in javascript.

I wrote this to use in Quera (https://quera.ir).

Example

jQuery-Duration-Picker

jQuery-Duration-Picker

Installation

bower install jquery-duration-picker 

Usage

<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script> <link rel="stylesheet" href="bower_components/semantic/dist/semantic.min.css"/> <script type="text/javascript" src="bower_components/semantic/dist/semantic.min.js"></script> <script type="text/javascript" src="dist/jquery-duration-picker.min.js"></script> <link rel="stylesheet" href="dist/jquery-duration-picker.min.css"/>
$('.duration-picker').duration_picker();  // or  $('.duration-picker').duration_picker({     lang: 'en',  // can be 'en', 'fa'     formatter: some_function // a function that gets numbers displayed in input and returns a formatted one });

You May Also Like