jQuery TimePicker demo - interval parameter
A jQuery TimePicker demo...
by wvega
HTML
<script src="http://wvega.github.io/timepicker/resources/jquery-timepicker/jquery.timepicker.min.js"></script>
<link rel="stylesheet" href="http://wvega.github.io/timepicker/resources/jquery-timepicker/jquery.timepicker.min.css">
<h1>jQuery TimePicker Demo</h1>
<br/>
<div>
<input id="tp1" class="timepicker" name="timepicker" />
</div>
<a href="https://github.com/wvega/timepicker"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
CSS
body {
background: #EFEFEF;
padding: 20px;
}
h1 {
font-weight: bold;
margin-top: 100px;
}
p {
margin: 10px 0;
}
JavaScript
$(document).ready(function(){
console.log( $.fn.jquery, $('input.timepicker') );
$('input.timepicker').timepicker({
timeFormat: 'HH:mm:ss',
minTime: '11:45:00', // 11:45:00 AM,
maxHour: 20,
maxMinutes: 30,
startTime: new Date(0, 0, 0, 15, 0, 0), // 3:00:00 PM - noon
interval: 15, // 15 minutos
dynamic: false
});
});