現在的網頁應用越來越豐富，我們在網頁中填寫日期和時間已經再也不用手動輸入了，而是使用各種各樣的日期時間選擇控件，大部分樣式華麗的日期選擇和日歷控件都是基於jQuery和HTML5的，比如今天要分享的這9款日期選擇控件，漂亮的UI外觀加上人性化的操作設計，大大提高了用戶體驗，讓我們一起來欣賞一下吧。
1、HTML5移動端外觀時尚的日期時間選擇控件
之前我們介紹過很多基於jQuery的日期時間選擇控件，比如基於Bootstrap和jQuery的日歷控件和日期選擇插件。今天我們要分享一款基於HTML5的移動端日期時間選擇控件，它的外觀比較特別，適合移動設備中使用，當然PC端用起來也非常不錯。
在線演示/源碼下載
2、基於Bootstrap和jQuery的日歷控件和日期選擇插件
這次我們要來分享一款漂亮而且實用的jQuery日歷控件和日期選擇插件，而且這款日歷控件是基於Boostrap的，外觀還不錯。控件有兩種模式，一種是日歷模式，可以快速定位年份和月份，很方便。另一種是日期選擇模式，單擊輸入框即可彈出日期選擇控件，並且支持格式化日期。
在線演示/源碼下載
3、jQuery/CSS3帶數字時鍾的圓盤時鍾
之前我們分享過很多基於jQuery和CSS3的時鍾插件了，有數字時鍾，比如這款CSS3倒計時時鍾動畫，也有一些圓盤時鍾，比如HTML5仿Apple Watch時鍾動畫和HTML5 SVG圓盤時鍾動畫5種時鍾樣式。今天要介紹的這款時鍾插件是數字時鍾和圓盤時鍾的混合，也就是在圓盤時鍾上嵌入了一個數字時鍾，更加美觀和實用。
在線演示/源碼下載
4、jQuery萬年歷插件帶農歷老皇歷功能
這是一款基於jQuery的日歷插件，這款日歷插件和之前分享的日歷控件有很大差異，它是一本萬年歷，包含了農歷已經老皇歷的功能，是一個挑好日子的工具。同時日歷還可以查看本年度的放假安排，功能非常強大。有興趣的朋友可以下載學習。
在線演示/源碼下載
5、基於Bootstrap的日期選擇控件可選擇多種日期格式
這次要介紹的日期選擇控件是基於Bootstrap風格的，可支持多種日期合適，並且外觀也非常清爽。
在線演示/源碼下載
6、HTML5/CSS3帶日期區間的日期選擇插件
今天我們來分享一款實用的HTML5/CSS3日期選擇插件，這款日期選擇插件的外觀還是挺清新簡易的，但是整體來說還是挺漂亮的。另外，該日期選擇插件還有一個最大的特點，那就是可以自定義日期的區間，我們可以快速的制定區間范圍內的日期，非常方便。
在線演示/源碼下載
7、jQuery多功能日歷插件帶事件記錄功能
之前我們也已經分享過不少jQuery日歷插件，有些應用了CSS3的特性，外觀就特別漂亮。今天要分享的這款jQuery日歷插件不僅有着絢麗的外觀，而且帶有日期事件記錄功能，點擊日期即可展開事件記錄窗口，你可以設置事件的描述以及提醒的時間，是一款相對實用的jQuery日歷插件。
在線演示/源碼下載
8、jQuery UI自定義樣式的日歷控件
今天要給大家帶來一款基於jQuery UI的日歷控件，這款日歷控件的樣式是通過自定義過的，顯得比較簡單輕便。日歷可以通過按鈕對年份和月份進行前翻和后翻，功能沒有那么復雜，可能對一些簡單的博客中可以使用這個日歷。
在線演示/源碼下載
9、JavaScript日期選擇控件Kalendae
今天我們要來分享一款簡單而實用的JavaScript日期選擇控件，名叫Kalendae。它的外觀雖然很普通，但是功能很強大，不僅可以當日歷組件，也可以當做日期選擇控件。而且可以同時展示多個日期選擇控件，效果非常不錯。
在線演示/源碼下載
以上就是9款樣式華麗的jQuery日期選擇和日歷控件，希望會對你有所幫助。