11個實用jQuery日曆插件

1. FullCalendar

FullCalendar是很出名的jQuery日曆插件,它支持拖拽等功能,整合了Google Calendar,並且能夠經過JSON來綁定事件,設計師能夠輕鬆地自定義日曆樣式,工程師則利用它提供的接口來處理用戶觸發事件。php


FullCalendar

 

2. Astonishing iCal-like Calendar

這裏是一篇教程,教你如何利用jQuery和CSS製做一個模仿iphone樣式的日曆控件。css

 

Astonishing iCal-like Calendar

 

3. jQuery UI Datepicker

jQuery UI Datepicker 是一個提供了不少配置項的日曆插件,你能夠自定義日期的格式和語言,可經過按鈕限制可選的日期範圍,也可輕鬆地添加其餘功能的按鈕。html

 

jQuery UI Datepicker

 

4. jMonthCalendar

jMonthCalendar支持沒個月份裏的全部天數添加內容,自己能夠應用到開發工做中。jquery

 

jMonthCalendar

 

5. Date Picker

Date Picker 遵循MIT & GPL發佈.,有着不少的配置項和特性,例如你能夠同時打開多個日期選擇器,輕鬆地經過修改css來自定義樣式,支持多種日期選擇模式。web

 

Date Picker

 

6. jQuery Week Calendar

jQuery Week Calendar 是一個在web應用中顯示一週狀況的插件,能夠經過數據或者JSON來綁定相應的觸發事件,並且這些事件均可以拖拽、縮放,並且還有不少選項和事件回調函 數可使用在應用中,具體的能夠參考官方文檔。數組

 

jQuery Week Calendar

 

7. Simple jQuery Date-picker Plugin

這是一個很簡潔的日期選擇器,可是提供了不少實用功能。數據結構

 

Simple jQuery Date-picker Plugin

 

8. jQuery Date Picker Plugin

跟上面介紹的相似,在顯示風格上略有區別。框架


jQuery Date Picker Plugin

 

9. jQuery Interactive Date Range Picker

這個強大的日曆控件時jQqueryUI中日曆組建的改良版,它有十分平滑的顯示過渡效果,最新版使用的是jQuery UI 1.7 一級 jQuery UI CSS 框架,你能夠經過jQuery UI來修改出本身指望的效果.iphone


jQuery Interactive Date Range Picker

 

10. jMonthCalendarui

 

jMonthCalendar是一個jQuery插件用於建立以月視圖顯示的事件日曆表(event calendar)。jMonthCalendar支持跨天的事件和經過拖放操做更新事件數據。
jMonthCalendar.jpg

 

主頁:http://www.bytecyclist.com/projects/jmonthcalendar/ 
下載:http://code.google.com/p/jmonthcalendar/downloads/list 
DEMO:http://www.bytecyclist.com/SourceCode/jMonthCalendar/1.3.0-beta/Demo.html

 

 

11. jquery week-calendar

 

這是一個週日歷jQuery插件。可以在週日歷網格中顯示事件。日曆事件能夠從數組,URL或JSON取得。日曆事件能夠被隨意拖曳,調整佔用區域的大 小。在該插件初始化時會自動滾動到當前時間所在的單元格。能夠自定義各類事件的回調操做好比:drag、drop、resize、mouseover、 click等。能夠按本身需求擴展該插件的核心日曆事件數據結構。
jquery_week-calendar.jpg

 

主頁:http://www.redredred.com.au/projects/jquery-week-calendar/ 
下載:http://code.google.com/p/jquery-week-calendar/ 
DEMO:http://www.redredred.com.au/wp-content/uploads/2009/05/weekcalendar.html

相關文章
相關標籤/搜索