Bootstrap Time Picker Premium component

Bootstrap time picker is a jQuery plugin which allows user to select a time in the Bootstrap form without the necessity of using custom JavaScript code.

Initialization required

To use our Material TimePicker you have to initialize it first with the code below.


Initialization code:


// Time Picker Initialization
$('#input_starttime').pickatime({
    twelvehour: true
});

Html markup:


<div class="md-form">
    <input placeholder="Selected time" type="text" id="input_starttime" class="form-control timepicker">
    <label for="input_starttime">Light version, 12hours</label>
</div>

Options:


$('#input_starttime').pickatime({
    // 12 or 24 hour 
    twelvehour: true,
    // Light or Dark theme
    darktheme: true
});