forked fromkoss-lebedev/bootstrap-duration-picker
- Notifications
You must be signed in to change notification settings - Fork0
jqueryscript/bootstrap-duration-picker
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
Javascript library for selecting duration. Target input to which plugin is applied will contain duration in seconds.
Using Bower:
bower install bootstrap-duration-picker
Using NPM:
npm install bootstrap-duration-picker
Or simply copybootstrap-duration-picker.css
andbootstrap-duration-picker.js
files to your project.
- jQuery
- Bootstrap 5 & 4 (for styling only)
$('.duration-picker').durationPicker();// or$('.duration-picker').durationPicker({// optional object with translations (English is used by default)translations:{day:'dia',hour:'hora',minute:'minuto',second:'segundo',days:'dias',hours:'horas',minutes:'minutos',seconds:'segundos',},// defines whether to show seconds or notshowSeconds:false,// defines whether to show days or notshowDays:true,// callback function that triggers every time duration is changed// value - duration in seconds// isInitializing - bool valueonChanged:function(value,isInitializing){// isInitializing will be `true` when the plugin is initialized for the// first time or when it's re-initialized by calling `setValue` methodconsole.log(value,isInitializing);}});
Method | Example | Description |
---|---|---|
setValue | $('#selector').data('durationPicker').setValue(0); | Allows to reinitialize duration picker value after it's been created. Accepts new number of seconds |
destroy | $('#selector').data('durationPicker').destroy(); | Destroys the plugin, reverting any DOM changes made by the plugin |
Please seeLICENSE for licensing details.
About
Bootstrap Duration picker
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
No releases published
Packages0
No packages published
Languages
- JavaScript100.0%