Bootstrap3-timepicker2

A simple timepicker component for Twitter Bootstrap


Bootstrap3-Timepicker2

The Bootstrap3 flavored timepicker javascript library. Follows the fork lifecycle as jdewit/bootstrap-timepicker -> m3wolf/bootstrap3-timepicker

Download

Download .zip Download tar.gz

Default Settings (dropdown template)

$("#timepicker-default").timepicker();

24hr support Demo using the modal template

  
  $('#timepicker-24hr').timepicker({
    minuteStep: 1,
    template: 'modal',
    appendWidgetTo: 'body',
    showSeconds: true,
    showMeridian: false,
    defaultTime: false,
    modalBackdrop: true
  });
  

All options

Name Options / Defaults Description
template 'dropdown' (default)
'modal'
false
Show picker in a dropdown
Show picker in a modal
Don't show a widget
minuteStep 15 Specify a step for the minute field.
showSeconds false Show the seconds field.
secondStep 15 Specify a step for the second field.
defaultTime 'current' (default)
'11:45 AM'
false
Set to the current time.
Set to a specific time.
Do not set a default time
showMeridian true (default)
false
12hr mode
24hr mode
showInputs true (default)
false
Shows the text inputs in the widget.
Hide the text inputs in the widget
disableFocus false Disables the input from focusing. This is useful for touch screen devices that display a keyboard on input focus.
disableMousewheel false Disables the input from changing on mousewheel events
modalBackdrop false Show modal backdrop.

Contact

@acpmasquerade
@sparrowsms
@picovico