首页 > 代码库 > 11个实用jQuery日历插件

11个实用jQuery日历插件

2024-07-07 22:55:00   227人阅读

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

<iframe id="google_ads_frame5" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1402625201&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Franran%2Fp%2F3764888.html&dt=1402625203039&shv=r20140605&cbv=r20140417&saldr=sb&correlator=1402625202910&frm=20&ga_vid=469728998.1401679695&ga_sid=1402620189&ga_hid=720788649&ga_fc=1&u_tz=480&u_his=221&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=verdana&dfs=13&adx=0&ady=5398&biw=314&bih=74&eid=317150304&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=5&xpc=5nOc3iYUUZ&p=http%3A//www.cnblogs.com&dtd=44" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame5" marginWidth="0" scrolling="no" hspace="0"></iframe><iframe id="google_ads_frame6" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1402625201&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Franran%2Fp%2F3764888.html&dt=1402625203124&shv=r20140605&cbv=r20140417&saldr=sb&prev_slotnames=8660799060&correlator=1402625202910&frm=20&ga_vid=469728998.1401679695&ga_sid=1402620189&ga_hid=720788649&ga_fc=1&u_tz=480&u_his=221&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=verdana&dfs=13&adx=305&ady=5648&biw=314&bih=74&eid=317150304&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=6&xpc=mAWq5u3WuA&p=http%3A//www.cnblogs.com&dtd=55" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame6" marginWidth="0" scrolling="no" hspace="0"></iframe>


联系
我们