jQuery是一個當(dāng)前依然非常流行的Web前端JavaScript框架，這次我們要分享的就是基于jQuery的日歷時鐘插件，部分日歷插件還是基于HTML5技術(shù)實現(xiàn)的，因此動畫效果都還不錯。有興趣的朋友可以接下去看看。

1、jQuery多功能日歷插件 帶事件記錄功能

這款jQuery日歷插件的一大特點(diǎn)就是可以在每一個日期后面記錄事件，并且可以設(shè)置提醒時間，如果你對JS開發(fā)比較擅長，還可以將它改進(jìn)成一款即時提醒的APP應(yīng)用。

在線演示       源碼下載

2、華麗的HTML5/CSS3日期選擇器

這款HTML5日歷插件的特點(diǎn)是外觀非常漂亮，日期按鈕有內(nèi)凹的3D效果，并且隨著鼠標(biāo)的滑過，日期背景將會改變。

在線演示        源碼下載

3、jQuery超酷平面時鐘特效插件

這款jQuery時鐘就更加具有特色了，它的整體外觀是一個平面，時鐘的時針、分針和秒針都在這個平面上，不像圓盤時鐘那樣是繞圈計數(shù)的，它是在平面上滑動而周期性地計數(shù)。

在線演示         源碼下載

4、HTML5/CSS3帶日期區(qū)間的日期選擇插件

這款HTML5日歷插件的特點(diǎn)是可以選取一定的時間范圍，自定義日期區(qū)間。

在線演示        源碼下載

5、jQuery/HTML5秒表動畫

這是一款基于jQuery和HTML5的圓盤秒表動畫，和其他的jQuery日歷插件不同，它的用途是用來計時和統(tǒng)計。

在線演示       源碼下載

6、JavaScript日期選擇控件Kalendae

Kalendae是一款老牌的jQuery日歷插件，它的特點(diǎn)是可以同時展示多個日歷，并且提供日期的選擇。

在線演示       源碼下載

7、HTML5圓盤時鐘

這款HTML5圓盤時鐘的UI還是不錯的，模擬了現(xiàn)實中的圓盤時鐘效果，如果在自己的個人主頁上加上這款時鐘動畫，那么你的個人主頁會更加個性化。

在線演示      源碼下載

8、扁平化風(fēng)格的jQuery日歷組件

這款jQuery日歷插件是扁平化風(fēng)格的，看起來非常清爽，可以選擇星期和日期。

在線演示        源碼下載

本文鏈接：http://www.codeceo.com/article/8-jquery-html5-calendar.html

本文作者：碼農(nóng)網(wǎng) – 小峰