Bootstrap time picker

by Irvin Dominin

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://jdewit.github.com/bootstrap-timepicker/css/bootstrap-timepicker.min.css">
<script src="http://jdewit.github.com/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>
<div class="input-append bootstrap-timepicker">
    <input id="timepicker1" type="text" class="input-small" value="06:00 PM"/>
    <span class="add-on"><i class="icon-time"></i></span>
</div>

JavaScript

$('#timepicker1').timepicker({
    defaultTime: 'current',
    minuteStep: 15,
    disableFocus: true,
    template: 'dropdown'
});