jquery.datepair是一個(gè)輕量級(jí)的jQuery插件,智能選擇日期和時(shí)間范圍，靈感來(lái)自于谷歌日歷。Datepair將保持開(kāi)始和結(jié)束日期/時(shí)間同步，并可以根據(jù)用戶(hù)的操作設(shè)置默認(rèn)值。該插件不提供任何UI小部件; 它預(yù)先配置工作的jquery-timepicker和引導(dǎo)DatePicker的，但你可以使用它與任何日期選擇器或timepicker。

實(shí)例代碼

<p id="basicExample"> <input type="text" class="date start" /> <input type="text" class="time start" /> to <input type="text" class="time end" /> <input type="text" class="date end" /> </p> <script type="text/javascript" src="bootstrap-datepicker.js"></script> <script type="text/javascript" src="jquery.timepicker.js"></script> <script type="text/javascript" src="jquery.datepair.js"></script> <script> // initialize input widgets first $('#basicExample .time').timepicker({ 'showDuration': true, 'timeFormat': 'g:ia' }); $('#basicExample .date').datepicker({ 'format': 'm/d/yyyy', 'autoclose': true }); // initialize datepair $('#basicExample').datepair(); </script>

　　

?效果預(yù)覽

轉(zhuǎn)載于:https://www.cnblogs.com/niuboren/p/6021685.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的jquery.datepair日期时分秒选择器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。