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

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

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

在線演示源碼下載

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

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

在線演示源碼下載

3、jQuery超酷平面時(shí)鐘特效插件

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

立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記（深入）”；

在線演示源碼下載

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

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

在線演示源碼下載

5、jQuery/HTML5秒表動(dòng)畫(huà)

這是一款基于jQuery和HTML5的圓盤(pán)秒表動(dòng)畫(huà)，和其他的jQuery日歷插件不同，它的用途是用來(lái)計(jì)時(shí)和統(tǒng)計(jì)。

在線演示源碼下載

6、JavaScript日期選擇控件Kalendae

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

在線演示源碼下載

7、HTML5圓盤(pán)時(shí)鐘

這款HTML5圓盤(pán)時(shí)鐘的UI還是不錯(cuò)的，模擬了現(xiàn)實(shí)中的圓盤(pán)時(shí)鐘效果，如果在自己的個(gè)人主頁(yè)上加上這款時(shí)鐘動(dòng)畫(huà)，那么你的個(gè)人主頁(yè)會(huì)更加個(gè)性化。

在線演示源碼下載

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

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

在線演示源碼下載

以上就是基于jQuery和HTML5的日歷時(shí)鐘插件 的圖文詳解的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！