11个实用jQuery日历插件

系统 2425 0

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支持跨天的事件和通过拖放操作更新事件数据。

 

主页: 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等。可以按自己需求扩展该插件的核心日历事件数据结构。

 

主页: 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

 

 

 

 

 

 

 

11个实用jQuery日历插件


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论