給開發者準備的 10 款最好的 jQuery 日曆外掛

　　這篇文章介紹的是 10 款最棒而且又很有用的 jQuery 日曆外掛，允許開發者們把這些漂亮的日曆外掛結合到自己的網站中。這些日曆外掛易用性都很強，輕輕鬆鬆的就可以把漂亮的日曆外掛裝飾到你的網站了。希望下 面的外掛列表能給予你一定的幫助，讓你的 web開發更快更好。舊版本的日曆外掛和下拉框已經被淘汰啦，好好欣賞 jQuery 日曆外掛給你帶來的強烈視覺衝擊吧！

　　1. CLNDR.js

　　CLNDR.js 是一個日曆外掛，用來建立日曆，允許使用者隨意的按照自己的想法去自定義日曆。這個外掛不會生成任何的標記，但是可以使用資料來填充 Underscore.js HTML 模版（產生下劃線）。它提供一些很有幫助的選項，確定星期的推移，初始載入時顯示日曆，點選事件（像 下一個或者是前一個月）等等功能。

　　2. jQuery Verbose Calendar

　　jQuery Verbose Calendar 是個日曆外掛，，提供優雅的使用者介面和輕鬆的日期滾動切換。它同時顯示一年的所有月份和具體日期。一旦載入就會自動滾動到“今天”並顯示當天的日期，需要 滑鼠放在日期上面才會提示是星期幾。除此之外，這款日曆外掛可以通過單個函式插入到任何 HTML 元素中。雖然這款外掛只有很少的引數可以自定義，但是當點選日期的時候可以新增自定義的回撥內容。

　　3. wdCalendar

　　wdCalendar (JQuery Event Calendar Plugin)是 Google Calendar 的一個克隆，基於jQuery實現。包含Google日曆的大部分功能包括：提供按天/周/月檢視檢視；支援通過拖拉的方式建立/更新 /刪除事件；功能豐富的 API；易於給合資料庫一起使用。通常，處理持續很多天的事件是很複雜的，但是 wdCalendar 能在這些都做的很好！

　　4. CalendarPicker

　　CalendarPicker 是一個 jQuery 外掛，用來建立好看的外觀和漂亮的原始日期選擇器。它提供多個下一個或者上一個日期，月份或者是年份的選擇，可以快速的選擇相應的日期。除此之外，它支援 滑鼠滾輪滾動的來控制上一個或者下一個按鈕（使用滑鼠滾輪外掛）。日期選擇器會預設顯示當前的日期，或者載入任何一個已經選擇的日期。日期和月份的名字是 可選的，使用者可以自定義相應的漂亮多語言介面。

　　5. jMonthCalendar

　　jMonthCalendar 是顯示整整一個月的日曆，支援新增相應的事件。使用者可以用選項和簡單的事件陣列來初始化日曆，後面的事情就可以交給 jMonthCalendar 了。這是個 jQuery 日曆外掛，帶有擴充套件的功能，允許開發者與日曆有很好的互動，比如當日歷顯示要修改月份的時候，或者是顯示修改後的月份和點選日曆事件之後。 jMonthCalender 現在支援 hover 擴充套件功能，滑鼠在事件徘徊的時候就會觸發事件。預設的時候，時間都會伴隨有 URL 超連結，使用者點選可以連結到詳細資訊的頁面。

　　6. Full Calendar

　　FullCalendar 是個jQuery 外掛，提供完整大小的，可拖拽的日曆，就像上圖一樣的日曆。它使用 AJAX 來獲取每月事件的動態i，而且很容易使用自己喜歡的格式去配置日曆（Google Calendar 提供的擴充套件功能）。使用者可以自定義它的外觀，自定義觸發事件之後的行為（比如，點選，拖拽事件等等）。

　　7. Cal-Heatmap

　　Cal-Heatmap 是個 javascript 模組，用來建立日曆熱圖。這個模組可以幫助使用者建立一個日曆，就像 github 使用者的貢獻日曆一樣，不同的是 Cal-Heatmap 有導航和其他很多的資料格式控制元件。

　　8. gIDatePicker

　　glDatePicker 是個簡單，自定義，輕量級的日期選擇器 jQuery 日曆外掛。gIDatePicker 壓縮之後大小隻有 4KB（沒壓縮是 11 KB）。它包括了前進和後退導航，當前日期高亮顯示，限制日期的選擇，每個日期選擇器都有各自的風格，顯示使用者當前選擇的日期。

　　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 影象路徑，天氣影象路徑，設定 AM/PM 選項，天氣位置程式碼，設定 天氣 metric 模式：C 或者是 F，每分鐘更新天氣等等。

　　以上介紹的 10 款超棒的 jQuery 日曆外掛肯定有一款符合你的 style，大膽的分享你的選擇和你對於這些外掛的評價吧：）

　　via codegeekz.com