`
天梯梦
  • 浏览: 13731593 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

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

 

 

 

 

 

 

 

分享到:
评论
4 楼 beyondwcm 2011-03-08  
真不错。。。。
3 楼 風一樣的男子 2010-03-28  
天梯梦 写道
我还是更习惯用jquery,写的很美~ 最近也在研究MooTools 还有老牌的Prototype ~~

呵呵,因为我是 Java 程序员,感觉 Mootools 面向对象的写法与扩展更符合我的思维
不过 mootools 操纵 document 的效率不如 jQuery
2 楼 天梯梦 2010-03-28  
我还是更习惯用jquery,写的很美~ 最近也在研究MooTools 还有老牌的Prototype ~~
1 楼 風一樣的男子 2010-03-27  
用 mootools 后很少看关注 jQuery 了

相关推荐

    jquery 日历插件源码

    总结来说,jQuery日历插件Calendar是一个功能强大且易于定制的工具,通过`calender.css`、`index.html`和`calender.js`这三个文件,我们可以了解其工作原理,并根据项目需求进行个性化改造。无论你是初学者还是经验...

    日历控件(Jquery)

    3. **jQuery日历插件**: - **jQuery UI Datepicker**:这是jQuery官方提供的一个强大的日历插件,具有多种本地化支持、日期格式化、日期范围限制等功能,可以通过简单的配置实现复杂的日历功能。 - **Bootstrap ...

    jquery 日历控件 时分秒

    而如果想要一个轻量级且可高度定制的解决方案,那么基础的jQuery日历控件可能更合适,可以通过自定义代码来添加时分秒选择功能。对于视觉体验要求较高的项目,可以考虑结合使用日历控件和jQuery图片效果来提升界面...

    jQuery日历插件FullCalendar

    **jQuery日历插件FullCalendar详解** jQuery日历插件FullCalendar是一款强大的、灵活的、易于定制的日历组件,广泛应用于网页中展示日程安排、会议时间等与日期相关的功能。它提供了丰富的API和多种视图,如日视图...

    4个很漂亮且功能强大的Jquery日历控件

    在本篇文章中,我们将探讨四个在GitHub上备受推崇的Jquery日历控件,它们不仅美观,而且功能强大,能够满足各种项目需求。 1. **Jquery日历控件(轻量级,无法设置startDate endDate)** 这个轻量级的日历控件专注...

    基于JQuery的日历控件

    本篇文章将详细讲解基于JQuery实现的日历控件,通过分析给定的文件,我们可以了解到如何创建一个实用且美观的日历组件。 首先,我们来看一下压缩包中的文件: 1. `calendar.css`:这是样式表文件,用于定义日历...

    JQUERY日历控件

    jQuery日历控件是jQuery库中的一个组件,用于在网页上添加日期选择功能,通常用于表单输入或者时间相关的应用程序。这个控件以用户友好、样式灵活和易于集成的特点受到开发者们的欢迎。 jQuery日历控件的源码分析:...

    jQuery-日历控件

    jQuery UI Datepicker是一款广泛应用于网页开发中的日历控件,它是jQuery UI库的一部分,提供了丰富的功能和高度的可定制性,使得网页上的日期选择变得既美观又实用。这个控件可以轻松集成到任何HTML页面中,只需...

    基于jquery的日历日程插件

    - **fullcalendar**:这可能是指FullCalendar插件,这是一个流行且功能丰富的jQuery日历插件,提供了完整的日、周、月视图,支持拖放操作,事件源多样化,非常适合构建复杂的日程管理系统。 - **lib**:这个目录...

    jquery日历控件优化

    总之,"jquery日历控件优化"是一个综合性的任务,涵盖了本地化、用户体验、功能增强和性能提升等多个方面。通过这一系列的改进,我们可以打造一款更符合中国用户习惯的高效日历工具,提升网站或应用的易用性和用户...

    jquery_ui日历控件

    总之,jQuery UI的日历控件是一个功能强大、易于使用的组件,能够为你的网页增添实用的日期选择功能。通过深入理解和灵活运用其各种选项和事件,你可以创建符合业务需求的日历界面,提升用户体验。

    jquery日历插件下载

    "jQuery日历插件下载"是一个实用资源,提供了修改后的版本,旨在提高易用性和理解性。本文将深入探讨jQuery日历插件的核心功能,实现原理以及如何运用到实际项目中。 首先,我们要了解jQuery,这是一个广泛使用的...

    jquery日历插件

    **jQuery日历插件**是一种常用的前端开发工具,主要用于网页上的日期选择功能,它使得用户在交互时可以方便地选取日期,广泛应用于表单输入、事件计划或时间管理等场景。这种插件通常具备良好的用户体验设计,使得...

    jQuery简易的日历插件下载.zip

    本话题将聚焦于一个特定的应用场景:使用jQuery实现的一个简易日历插件。这个插件是针对网页应用中的日期选择功能设计的,适用于需要用户输入日期的表单或者展示日期信息的界面。 首先,jQuery简易日历插件是基于...

    jquery日历插件e-calendar升级版

    总之,jQuery日历插件e-calendar的升级版不仅提供了一个直观、易用的日历界面,还通过丰富的配置选项和事件处理,满足了开发者在各种场景下的需求。无论是个人日程管理,还是企业级项目规划,e-calendar都是一个值得...

    很好用的jquery日历插件,有文本教程

    今天我们要介绍的是一个非常实用的jQuery日历插件——FullCalendar。它以其丰富的功能和友好的用户界面,受到了广大开发者的喜爱。下面,我们将详细解析FullCalendar 1.4.2版本的特性和使用方法。 一、功能概述 ...

    JQuery日历插件

    一个优秀的jQuery日历插件应该具备以下特点: 1. **易用性**:用户界面友好,易于理解和操作,提供清晰的日期选择指示。 2. **可定制性**:允许开发者自定义样式、颜色、语言,以及添加特殊日期标记等功能。 3. **...

    jQuery简单带记事功能的日历插件

    e-calendar日历插件利用jQuery的强大功能,为用户提供了一个简单而实用的记事工具。通过调整插件参数,开发者能够定制日历的视觉效果,适应不同的网站环境。这个插件的记事功能和自定义外观使其成为网站和个人时间...

    一个简单实用的JS/JQuery日历选择控件

    本文将深入探讨“一个简单实用的JS/JQuery日历选择控件”的知识点,结合给出的标签“源码”和“工具”,我们可以推断这是一个关于自定义日历插件的教程或示例。 首先,日历选择控件是网页应用中常见的一种组件,...

Global site tag (gtag.js) - Google Analytics