貼近用戶體驗(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('開始時(shí)間 : ' + obj.startDate + '<br/>結(jié)束時(shí)間 : ' + obj.endDate); } });
選項(xiàng)及事件使用說明
datepicker提供了豐富的選項(xiàng)設(shè)置事件方法調(diào)用,筆者先將經(jīng)常用到的相關(guān)屬性和方法整理成表格,方便查詢和使用。
以上就是本文給大家分享有關(guān)貼近用戶體驗(yàn)的Jquery日期、時(shí)間選擇插件,希望大家喜歡。
相關(guān)文章
jquery實(shí)現(xiàn)圖片上傳前本地預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)圖片上傳前本地預(yù)覽功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05利用jQuery實(shí)現(xiàn)漂亮的圓形進(jìn)度條倒計(jì)時(shí)插件
jQuery Final Countdown是一款時(shí)尚的圓形進(jìn)度條樣式的jQuery倒計(jì)時(shí)插件。本篇文章給大家分享利用jQuery實(shí)現(xiàn)漂亮的圓形進(jìn)度條倒計(jì)時(shí)插件,感興趣的朋友一起看看吧2015-09-09jQuery EasyUI API 中文文檔 - ComboGrid 組合表格
jQuery EasyUI API 中文文檔 - ComboGrid 組合表格,需要的朋友可以參考下。2011-10-10jQuery實(shí)現(xiàn)單擊彈出Div層窗口效果(可關(guān)閉可拖動(dòng))
這篇文章主要介紹了jQuery實(shí)現(xiàn)單擊彈出Div層窗口效果,具有可關(guān)閉可拖動(dòng)的功能,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)變換頁面元素樣式的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09jQuery進(jìn)行組件開發(fā)完整實(shí)例
這篇文章主要介紹了jQuery進(jìn)行組件開發(fā)的方法,以完整實(shí)例形式分析了基于jQuery實(shí)現(xiàn)自定義組件的相關(guān)技巧,代碼備有詳盡的注釋便于理解,需要的朋友可以參考下2015-12-12jquery仿京東導(dǎo)航/仿淘寶商城左側(cè)分類導(dǎo)航下拉菜單效果
jquery實(shí)現(xiàn)下拉菜單效果,jquery寫的仿京東導(dǎo)航菜單,一個(gè)經(jīng)典的左側(cè)多級(jí)導(dǎo)航菜單,學(xué)會(huì)了可以任意改變布局,感興趣的朋友可以參考下哈,希望對你有所幫助2013-04-04