?
1.? CLNDR.js
CLNDR.js 是一個(gè)日歷插件,用來(lái)創(chuàng)建日歷,允許用戶隨意的按照自己的想法去自定義日歷。這個(gè)插件不會(huì)生成任何的標(biāo)記,但是可以使用數(shù)據(jù)來(lái)填 充?Underscore.js?HTML 模版(產(chǎn)生下劃線)。它提供一些很有幫助的選項(xiàng),確定星期的推移,初始加載時(shí)顯示日歷,點(diǎn)擊事件(像 下一個(gè)或者是前一個(gè)月)等等功能。
?
2.? jQuery Verbose Calendar
jQuery Verbose Calendar 是個(gè)日歷插件,,提供優(yōu)雅的用戶界面和輕松的日期滾動(dòng)切換。它同時(shí)顯示一年的所有月份和具體日期。一旦加載就會(huì)自動(dòng)滾動(dòng)到“今天”并顯示當(dāng)天的日期,需要 鼠標(biāo)放在日期上面才會(huì)提示是星期幾。除此之外,這款日歷插件可以通過(guò)單個(gè)函數(shù)插入到任何 HTML 元素中。雖然這款插件只有很少的參數(shù)可以自定義,但是當(dāng)點(diǎn)擊日期的時(shí)候可以添加自定義的回調(diào)內(nèi)容。
?
3.? wdCalendar
wdCalendar (JQuery Event Calendar Plugin)是 Google Calendar 的一個(gè)克隆,基于jQuery實(shí)現(xiàn)。包含Google日歷的大部分功能包括:提供按天/周/月查看視圖;支持通過(guò)拖拉的方式創(chuàng)建/更新 /刪除事件;功能豐富的 API;易于給合數(shù)據(jù)庫(kù)一起使用。通常,處理持續(xù)很多天的事件是很復(fù)雜的,但是 wdCalendar 能在這些都做的很好!
?
4.? CalendarPicker
CalendarPicker 是一個(gè) jQuery 插件,用來(lái)創(chuàng)建好看的外觀和漂亮的原始日期選擇器。它提供多個(gè)下一個(gè)或者上一個(gè)日期,月份或者是年份的選擇,可以快速的選擇相應(yīng)的日期。除此之外,它支持 鼠標(biāo)滾輪滾動(dòng)的來(lái)控制上一個(gè)或者下一個(gè)按鈕(使用鼠標(biāo)滾輪插件)。日期選擇器會(huì)默認(rèn)顯示當(dāng)前的日期,或者加載任何一個(gè)已經(jīng)選擇的日期。日期和月份的名字是 可選的,用戶可以自定義相應(yīng)的漂亮多語(yǔ)言界面。
?
5.? jMonthCalendar
jMonthCalendar 是顯示整整一個(gè)月的日歷,支持添加相應(yīng)的事件。用戶可以用選項(xiàng)和簡(jiǎn)單的事件數(shù)組來(lái)初始化日歷,后面的事情就可以交給 jMonthCalendar 了。這是個(gè) jQuery 日歷插件,帶有擴(kuò)展的功能,允許開發(fā)者與日歷有很好的交互,比如當(dāng)日歷顯示要修改月份的時(shí)候,或者是顯示修改后的月份和點(diǎn)擊日歷事件之后。 jMonthCalender 現(xiàn)在支持 hover 擴(kuò)展功能,鼠標(biāo)在事件徘徊的時(shí)候就會(huì)觸發(fā)事件。默認(rèn)的時(shí)候,時(shí)間都會(huì)伴隨有 URL 超鏈接,用戶點(diǎn)擊可以鏈接到詳細(xì)信息的頁(yè)面。
?
6.? Full Calendar
FullCalendar 是個(gè)jQuery 插件,提供完整大小的,可拖拽的日歷,就像上圖一樣的日歷。它使用 AJAX 來(lái)獲取每月事件的動(dòng)態(tài)i,而且很容易使用自己喜歡的格式去配置日歷(Google Calendar 提供的擴(kuò)展功能)。用戶可以自定義它的外觀,自定義觸發(fā)事件之后的行為(比如,點(diǎn)擊,拖拽事件等等)。
?
7.? Cal-Heatmap
Cal-Heatmap 是個(gè) javascript 模塊,用來(lái)創(chuàng)建日歷熱圖。這個(gè)模塊可以幫助用戶創(chuàng)建一個(gè)日歷,就像 github 用戶的貢獻(xiàn)日歷一樣,不同的是 Cal-Heatmap 有導(dǎo)航和其他很多的數(shù)據(jù)格式控件。
?
8.? gIDatePicker
glDatePicker 是個(gè)簡(jiǎn)單,自定義,輕量級(jí)的日期選擇器 jQuery 日歷插件。gIDatePicker 壓縮之后大小只有 4KB(沒(méi)壓縮是 11 KB)。它包括了前進(jìn)和后退導(dǎo)航,當(dāng)前日期高亮顯示,限制日期的選擇,每個(gè)日期選擇器都有各自的風(fēng)格,顯示用戶當(dāng)前選擇的日期。
?
9.? jQuery Frontier Calendar
jQuery Frontier Calendar 是整整一個(gè)月的 jQuery 日歷插件,外觀有點(diǎn)像 Google Calendar 。所有 UI 元素(比如下個(gè)月和上個(gè)月按鈕,添加事件表格,工具提示等等)都不屬于日歷插件。用戶可以使用 API 來(lái)控制這些元素的格式,自定義日歷的外觀。?
?
10. ?jDigiClock
jDigiClock 是個(gè) jQuery 插件,靈感來(lái)自于 HTC 的大時(shí)鐘部件。 如果要使用 jDigiClock 插件, HTML 文件中的 head 標(biāo)簽要包括 jQuery 庫(kù),jDigiClock 源文件和 jDigiClock 核心風(fēng)格列表文件。jDigiClock 有大量的配置選項(xiàng),比如:Clock 圖像路徑,天氣圖像路徑,設(shè)置 AM/PM 選項(xiàng),天氣位置代碼,設(shè)置 天氣 metric 模式:C 或者是 F,每分鐘更新天氣等等。
?
以上介紹的 10 款超棒的 jQuery 日歷插件肯定有一款符合你的 style,大膽的分享你的選擇和你對(duì)于這些插件的評(píng)價(jià)吧:)
?
via codegeekz.com
?
轉(zhuǎn)載請(qǐng)注明:文章轉(zhuǎn)載自:
開源中國(guó)社區(qū)
[
http://www.oschina.net
]
原文標(biāo)題:給開發(fā)者準(zhǔn)備的 10 款最好的 jQuery 日歷插件
原文地址:
http://www.oschina.net/news/48265/10-best-jquery-calendar-plugins-for-developers
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號(hào)聯(lián)系: 360901061
您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
