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

開始時間

結束時間

平衡豬 獨輪車小豬 平衡玩具 不倒翁平衡豬

香積麵 藥膳 風味 84gx5包 素泡麵 純素 素食 蔬食 慈濟 靜思

垃圾桶 家用 客廳 臥室 辦公室 衛生間 大容量 高顏值 創意 收納 垃圾

手指伸縮狼爪 伸縮爪 機械爪 狼爪 伸縮爪子