Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.
bootstrap-duration-picker
Javascript library for selecting duration. Target input to which plugin is applied will contain duration in seconds.
Installation
Using Bower:
bower install bootstrap-duration-picker
Using NPM:
npm install bootstrap-duration-picker
Or simply copy bootstrap-duration-picker.css and bootstrap-duration-picker.js files to your project.
Example
Dependencies
- jQuery 1.*
- Bootstrap 3.* (for styling only)
Usage
$('.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 not
showSeconds: false,
// defines whether to show days or not
showDays: true,
// callback function that triggers every time duration is changed
// value - duration in seconds
// isInitializing - bool value
onChanged: 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` method
console.log(value, isInitializing);
}
});Public methods
| 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 |
License
Please see LICENSE for licensing details.
