貼近用戶體驗(yàn)的Jquery日期、時(shí)間選擇插件
分享一款貼近Jquery日期、時(shí)間選擇插件。這是一款雙日歷jQuery日期選擇時(shí)間插件pickerDateRange。效果圖如下:

Js代碼
var dateRange = new pickerDateRange('date_demo3', {
aRecent7Days: 'aRecent7DaysDemo3', //最近7天
isTodayValid: false,
//startDate : '2013-04-14',
//endDate : '2013-04-21',
//needCompare : true,
//isSingleDay : true,
//shortOpr : true,
defaultText: ' 至 ',
inputTrigger: 'input_trigger_demo3',
theme: 'ta',
success: function (obj) {
$("#dCon_demo3").html('開(kāi)始時(shí)間 : ' + obj.startDate + '<br/>結(jié)束時(shí)間 : ' + obj.endDate);
}
});
選項(xiàng)及事件使用說(shuō)明
datepicker提供了豐富的選項(xiàng)設(shè)置事件方法調(diào)用,筆者先將經(jīng)常用到的相關(guān)屬性和方法整理成表格,方便查詢和使用。




以上就是本文給大家分享有關(guān)貼近用戶體驗(yàn)的Jquery日期、時(shí)間選擇插件,希望大家喜歡。
相關(guān)文章
jquery遍歷之parent()和parents()的區(qū)別及parentsUntil()方法詳解
這篇文章主要介紹了jquery遍歷之parent()和parents()的區(qū)別及parentsUntil()方法。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12
jQuery中常用動(dòng)畫效果函數(shù)知識(shí)點(diǎn)整理
這篇文章我們給大家整理了關(guān)于jQuery中常用動(dòng)畫效果函數(shù)的相關(guān)知識(shí)點(diǎn)內(nèi)容,有興趣的朋友可以學(xué)習(xí)下。2018-08-08
ASP.NET MVC中EasyUI的datagrid跨域調(diào)用實(shí)現(xiàn)代碼
因?yàn)閑asyUI使用的是JQuery的異步方法加載數(shù)據(jù),應(yīng)該遵循JQuery的跨域訪問(wèn)規(guī)則2012-03-03
jquery $(document).ready() 與window.onload的區(qū)別
Jquery中$(document).ready()的作用類似于傳統(tǒng)JavaScript中的window.onload方法,不過(guò)與window.onload方法還是有區(qū)別的。2009-12-12
jQuery實(shí)現(xiàn)淡入淡出二級(jí)下拉導(dǎo)航菜單的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)淡入淡出二級(jí)下拉導(dǎo)航菜單的方法,涉及jquery簡(jiǎn)單操作頁(yè)面元素展開(kāi)與隱藏的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
jquery 中多條件選擇器,相對(duì)選擇器,層次選擇器的區(qū)別
jquery 中多條件選擇器,相對(duì)選擇器,層次選擇器的區(qū)別介紹,需要的朋友可以參考下2012-07-07

