9款精緻HTML5/jQuery日曆時鐘控件源碼下載(源碼請見百度雲) 連接:http://pan.baidu.com/s/1geIXe75 密碼:7m4a

如今的網頁應用愈來愈豐富,咱們在網頁中填寫日期和時間已經不再用手動輸入了,而是使用各類各樣的日期時間選擇控件,大部分樣式華麗的日期選擇和日曆控件都是基於jQuery和HTML5的,好比今天要分享的這9款日期選擇控件,漂亮的UI外觀加上人性化的操做設計,大大提升了用戶體驗,讓咱們一塊兒來欣賞一下吧。工具

一、HTML5移動端外觀時尚的日期時間選擇控件學習

以前咱們介紹過不少基於jQuery的日期時間選擇控件,好比基於Bootstrap和jQuery的日曆控件和日期選擇插件。今天咱們要分享一款基於HTML5的移動端日期時間選擇控件,它的外觀比較特別,適合移動設備中使用,固然PC端用起來也很是不錯。動畫

9款精緻HTML5/jQuery日曆時鐘控件源碼下載

在線演示/源碼下載插件

二、基於Bootstrap和jQuery的日曆控件和日期選擇插件設計

此次咱們要來分享一款漂亮並且實用的jQuery日曆控件和日期選擇插件,並且這款日曆控件是基於Boostrap的,外觀還不錯。控件有兩種模式,一種是日曆模式,能夠快速定位年份和月份,很方便。另外一種是日期選擇模式,單擊輸入框便可彈出日期選擇控件,而且支持格式化日期。3d

9款精緻HTML5/jQuery日曆時鐘控件源碼下載

在線演示/源碼下載blog

三、jQuery/CSS3帶數字時鐘的圓盤時鐘事件

以前咱們分享過不少基於jQuery和CSS3的時鐘插件了,有數字時鐘,好比這款CSS3倒計時時鐘動畫,也有一些圓盤時鐘,好比HTML5仿Apple Watch時鐘動畫和HTML5 SVG圓盤時鐘動畫5種時鐘樣式。今天要介紹的這款時鐘插件是數字時鐘和圓盤時鐘的混合,也就是在圓盤時鐘上嵌入了一個數字時鐘,更加美觀和實用。ip

9款精緻HTML5/jQuery日曆時鐘控件源碼下載

在線演示/源碼下載源碼

四、jQuery萬年曆插件帶農曆老皇曆功能

這是一款基於jQuery的日曆插件,這款日曆插件和以前分享的日曆控件有很大差別,它是一本萬年曆,包含了農曆已經老皇曆的功能,是一個挑好日子的工具。同時日曆還能夠查看本年度的放假安排,功能很是強大。有興趣的朋友能夠下載學習。

9款精緻HTML5/jQuery日曆時鐘控件源碼下載

在線演示/源碼下載

五、基於Bootstrap的日期選擇控件可選擇多種日期格式

此次要介紹的日期選擇控件是基於Bootstrap風格的,可支持多種日期合適,而且外觀也很是清爽。

9款精緻HTML5/jQuery日曆時鐘控件源碼下載

在線演示/源碼下載

六、HTML5/CSS3帶日期區間的日期選擇插件

今天咱們來分享一款實用的HTML5/CSS3日期選擇插件,這款日期選擇插件的外觀仍是挺清新簡易的,可是總體來講仍是挺漂亮的。另外,該日期選擇插件還有一個最大的特色,那就是能夠自定義日期的區間,咱們能夠快速的制定區間範圍內的日期,很是方便。

9款精緻HTML5/jQuery日曆時鐘控件源碼下載

在線演示/源碼下載

七、jQuery多功能日曆插件帶事件記錄功能

以前咱們也已經分享過很多jQuery日曆插件,有些應用了CSS3的特性,外觀就特別漂亮。今天要分享的這款jQuery日曆插件不只有着絢麗的外觀,並且帶有日期事件記錄功能,點擊日期便可展開事件記錄窗口,你能夠設置事件的描述以及提醒的時間,是一款相對實用的jQuery日曆插件。

9款精緻HTML5/jQuery日曆時鐘控件源碼下載

在線演示/源碼下載

八、jQuery UI自定義樣式的日曆控件

今天要給你們帶來一款基於jQuery UI的日曆控件,這款日曆控件的樣式是經過自定義過的,顯得比較簡單輕便。日曆能夠經過按鈕對年份和月份進行前翻和後翻,功能沒有那麼複雜,可能對一些簡單的博客中可使用這個日曆。

9款精緻HTML5/jQuery日曆時鐘控件源碼下載

在線演示/源碼下載

九、JavaScript日期選擇控件Kalendae

今天咱們要來分享一款簡單而實用的JavaScript日期選擇控件,名叫Kalendae。它的外觀雖然很普通,可是功能很強大,不只能夠當日歷組件,也能夠當作日期選擇控件。並且能夠同時展現多個日期選擇控件,效果很是不錯。

9款精緻HTML5/jQuery日曆時鐘控件源碼下載

在線演示/源碼下載

以上就是9款樣式華麗的jQuery日期選擇和日曆控件,但願會對你有所幫助。

相關文章
相關標籤/搜索