[ 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]

開始時間

結束時間

維力 素飄香 野菜多 素排骨雞 素紅燒牛肉 麻辣燙 麻油當歸枸杞 蔘湯麵 素食 泡麵 單包

味丹 隨緣 鮮蔬百匯/素肉骨茶/素魷魚羹麵/韓式泡菜/麻辣燙湯麵 (5包/袋) 素食 全素 泡麵

Xilla 露營 戶外 大力夾雲台手機支架 拓展支架 球型雲台夾 手機架

水壺背袋 水壺網袋 水瓶袋 多色可選 戶外郊遊 登山野餐 可放手機 水壺背帶