[ JQUERY ] – TimePicker 時間選擇器

[html]
<script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="./js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="./js/jquery-ui-sliderAccess.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var startTimeTextBox = $(‘#s_time’);
var endTimeTextBox = $(‘#e_time’);
$.timepicker.timeRange(
startTimeTextBox,
endTimeTextBox,
{
minInterval: (1000*60*1), // 1hr
timeFormat: ‘HH:mm’,//:ss’,
start: {}, // start picker options
end: {} // end picker options
}
);
});
</script>
<label>開始時間</label>
<input id="s_time" name="s_time" size="20" type="text" value="" />
<label>結束時間</label>
<input id="e_time" name="e_time" size="20" type="text" value="" />
[/html]

開始時間

結束時間