jQuery日歷插件datepicker用法詳解_jquery

一般MIS系統的前端，尤其是用戶注冊頁面，都會有諸如“出身年月”的日期輸入框，最簡單的做法就是使用一個標簽，這樣做的弊端有很多：首先是與數據庫字段類型的匹配、其次是輸入日期的合法性如“13月”或者閏年等等問題，如果深入下去還有非常多的地方值得推敲。當前比較流行的做法是使用下拉菜單來構造，但是這樣做無論交互性、復雜度和可移植性都不盡如人意，因為至少需要構建3個聯動的下拉菜單，需要自己編寫大量的腳本處理日期合法性。

datepicker帶來了美好的春天，先看看使用默認樣式時它的樣子：

完全GUI般的用戶體驗，炫目的動態展現效果，精確的日期控制和高度的靈活的參數配置，這一切使得datepicker受到眾多開發者的青睞，其中包括大名鼎鼎的google，在其google calendar項目中就使用了這個腳本，有興趣可以去看看。順便啰嗦一句，上圖的默認效果，在javascript中，用戶只需寫一句話就可以實現了，怎么樣，心動了吧，follow me：

1.下載jQuery核心文件就不用說了吧，datepicker是輕量級插件，只需jQuery的min版本就行了，然后下載datepicker（內含jQuery1.2.6_min），您也可以到官方網站下載：http://marcgrabanski.com/pages/code/jquery-ui-datepicker。

2.在HTML中引用下載下來的兩個js：

4.在HTML中插入文本域，最好設置成只讀，不接受用戶的手動輸入，防止格式混亂，以id標記好。

5.編寫js代碼，實現最終效果。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

jQuery日歷插件datepicker用法詳解_jquery

jQuery日歷插件datepicker用法詳解_jquery:jQuery是一款不可多得的非常優秀的javascript腳本開發庫，而基于其上的很多插件也是非常規范和卓越的，如果錯過這番美景真是太可惜了，比如datepicker這個插件。 一般MIS系統的前端，尤其是用戶注冊頁面，都會有諸如出身年月的日期輸入框，最簡單的做法就

推薦度：

點擊下載本文 文檔為doc格式

標簽： 使用 日歷 插件

• 熱門焦點