這篇文章介紹的是 10 款最棒而且又很有用的 jquery 月曆插件,允許開發者們把這些漂亮的月曆插件結合到自己的網站中。這些月曆插件易用性都很強,輕輕松松的就可以把漂亮的月曆插件裝飾到你的網站了。希望下 面的插件清單能給予你一定的幫助,讓你的 web 開發更快更好。舊版本的月曆插件和下拉框已經被淘汰啦,好好欣賞 jquery 月曆插件給你帶來的強烈視覺沖擊吧!
clndr.js

clndr.js 是一個月曆插件,用來建立月曆,允許使用者随意的按照自己的想法去自定義月曆。這個插件不會生成任何的标記,但是可以使用資料來填充 underscore.js html 模版(産生下劃線)。它提供一些很有幫助的選項,确定星期的推移,初始加載時顯示月曆,點選事件(像 下一個或者是前一個月)等等功能。
jquery verbose calendar
jquery verbose calendar 是個月曆插件,,提供優雅的使用者界面和輕松的日期滾動切換。它同時顯示一年的所有月份和具體日期。一旦加載就會自動滾動到“今天”并顯示當天的日期,需要 滑鼠放在日期上面才會提示是星期幾。除此之外,這款月曆插件可以通過單個函數插入到任何 html 元素中。雖然這款插件隻有很少的參數可以自定義,但是當點選日期的時候可以添加自定義的回調内容。
wdcalendar
wdcalendar (jquery event calendar plugin)是 google calendar 的一個克隆,基于jquery實作。包含google月曆的大部分功能包括:提供按天/周/月檢視視圖;支援通過拖拉的方式建立/更新 /删除事件;功能豐富的 api;易于給合資料庫一起使用。通常,處理持續很多天的事件是很複雜的,但是 wdcalendar 能在這些都做的很好!
calendarpicker
calendarpicker 是一個 jquery 插件,用來建立好看的外觀和漂亮的原始日期選擇器。它提供多個下一個或者上一個日期,月份或者是年份的選擇,可以快速的選擇相應的日期。除此之外,它支援 滑鼠滾輪滾動的來控制上一個或者下一個按鈕(使用滑鼠滾輪插件)。日期選擇器會預設顯示目前的日期,或者加載任何一個已經選擇的日期。日期和月份的名字是 可選的,使用者可以自定義相應的漂亮多語言界面。
jmonthcalendar
jmonthcalendar 是顯示整整一個月的月曆,支援添加相應的事件。使用者可以用選項和簡單的事件數組來初始化月曆,後面的事情就可以交給 jmonthcalendar 了。這是個 jquery 月曆插件,帶有擴充的功能,允許開發者與月曆有很好的互動,比如當月曆顯示要修改月份的時候,或者是顯示修改後的月份和點選月曆事件之後。 jmonthcalender 現在支援 hover 擴充功能,滑鼠在事件徘徊的時候就會觸發事件。預設的時候,時間都會伴随有 url 超連結,使用者點選可以連結到詳細資訊的頁面。
full calendar
fullcalendar 是個jquery 插件,提供完整大小的,可拖拽的月曆,就像上圖一樣的月曆。它使用 ajax 來擷取每月事件的動态i,而且很容易使用自己喜歡的格式去配置月曆(google calendar 提供的擴充功能)。使用者可以自定義它的外觀,自定義觸發事件之後的行為(比如,點選,拖拽事件等等)。
cal-heatmap
cal-heatmap 是個 javascript 子產品,用來建立月曆熱圖。這個子產品可以幫助使用者建立一個月曆,就像 github 使用者的貢獻月曆一樣,不同的是 cal-heatmap 有導航和其他很多的資料格式控件。
gidatepicker
gldatepicker 是個簡單,自定義,輕量級的日期選擇器 jquery 月曆插件。gidatepicker 壓縮之後大小隻有 4kb(沒壓縮是 11 kb)。它包括了前進和後退導航,目前日期高亮顯示,限制日期的選擇,每個日期選擇器都有各自的風格,顯示使用者目前選擇的日期。
jquery frontier calendar
jquery frontier calendar 是整整一個月的 jquery 月曆插件,外觀有點像 google calendar 。所有 ui 元素(比如下個月和上個月按鈕,添加事件表格,工具提示等等)都不屬于月曆插件。使用者可以使用 api 來控制這些元素的格式,自定義月曆的外觀。
jdigiclock
jdigiclock 是個 jquery 插件,靈感來自于 htc 的大時鐘部件。 如果要使用 jdigiclock 插件, html 檔案中的 head 标簽要包括 jquery 庫,jdigiclock 源檔案和 jdigiclock 核心風格清單檔案。jdigiclock 有大量的配置選項,比如:clock 圖像路徑,天氣圖像路徑,設定 am/pm 選項,天氣位置代碼,設定 天氣 metric 模式:c 或者是 f,每分鐘更新天氣等等。
以上介紹的 10 款超棒的 jquery 月曆插件肯定有一款符合你的 style,大膽的分享你的選擇和你對于這些插件的評價吧:)
via codegeekz.com