{"id":455,"date":"2015-08-31T14:00:58","date_gmt":"2015-08-31T06:00:58","guid":{"rendered":"https:\/\/www.webteach.tw\/?p=455"},"modified":"2015-08-31T14:00:58","modified_gmt":"2015-08-31T06:00:58","slug":"jquery-timepicker","status":"publish","type":"post","link":"https:\/\/www.webteach.tw\/?p=455","title":{"rendered":"[ JQUERY ] – TimePicker \u6642\u9593\u9078\u64c7\u5668"},"content":{"rendered":"
<\/div>
<\/div>
<\/div>

\t\t\t\t[html]
\n<script type="text\/javascript" src=".\/js\/jquery-1.11.1.min.js"><\/script>
\n\t<script type="text\/javascript" src="http:\/\/code.jquery.com\/ui\/1.11.0\/jquery-ui.min.js"><\/script>
\n\t<script type="text\/javascript" src=".\/js\/jquery-ui-timepicker-addon.js"><\/script>
\n\t<script type="text\/javascript" src=".\/js\/jquery-ui-sliderAccess.js"><\/script>
\n\t<script type="text\/javascript">
\n\t\t$(document).ready(function(){
\n\t\t\tvar startTimeTextBox = $(‘#s_time’);
\n\t\t\tvar endTimeTextBox = $(‘#e_time’);
\n\t\t\t$.timepicker.timeRange(
\n\t\t\t\tstartTimeTextBox,
\n\t\t\t\tendTimeTextBox,
\n\t\t\t\t{
\n\t\t\t\t\tminInterval: (1000*60*1), \/\/ 1hr
\n\t\t\t\t\ttimeFormat: ‘HH:mm’,\/\/:ss’,
\n\t\t\t\t\tstart: {}, \/\/ start picker options
\n\t\t\t\t\tend: {} \/\/ end picker options
\n\t\t\t\t}
\n\t\t\t);
\n\t\t});
\n<\/script>
\n<label>\u958b\u59cb\u6642\u9593<\/label>
\n<input id="s_time" name="s_time" size="20" type="text" value="" \/>
\n<label>\u7d50\u675f\u6642\u9593<\/label>
\n<input id="e_time" name="e_time" size="20" type="text" value="" \/>
\n[\/html]
\n