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

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