11个实用jQuery日历插件

1. FullCalendar

FullCalendar是很出名的jQuery日历插件,它支持拖拽等功能,整合了Google Calendar,而且可以通过JSON来绑定事件,设计师可以轻松地自定义日历样式,工程师则利用它提供的接口来处理用户触发事件。


FullCalendar

 

2. Astonishing iCal-like Calendar

这里是一篇教程,教你如何利用jQuery和CSS制作一个模仿iphone样式的日历控件。

 

Astonishing iCal-like Calendar

 

3. jQuery UI Datepicker

jQuery UI Datepicker 是一个提供了很多配置项的日历插件,你可以自定义日期的格式和语言,可通过按钮限制可选的日期范围,也可轻松地添加其他功能的按钮。

 

jQuery UI Datepicker

 

4. jMonthCalendar

jMonthCalendar支持没个月份里的所有天数添加内容,本身可以应用到开发工作中。

 

jMonthCalendar

 

5. Date Picker

Date Picker 遵循MIT & GPL发布.,有着很多的配置项和特性,例如你可以同时打开多个日期选择器,轻松地通过修改css来自定义样式,支持多种日期选择模式。

 

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来修改出自己期望的效果.


jQuery Interactive Date Range Picker

 

10. jMonthCalendar

 

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

posted @ 2014-06-13 08:42  Ranran  阅读(4817)  评论(0编辑  收藏  举报