1. Home
  2. /
  3. Web technology
  4. /
  5. JQUERY
  6. /
  7. [ JQUERY ] –...

[ JQUERY ] – TimePicker 時間選擇器

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 0,平均評等: 0]

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




評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 0,平均評等: 0]

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *