给开发者准备的 10 款最好的 jQuery 日历插件

老虎说测试 前端技术字数 1821阅读6分4秒阅读模式
摘要给开发者准备的 10 款最好的 jQuery 日历插件

1. CLNDR.js

给开发者准备的 10 款最好的 jQuery 日历插件-图片1
CLNDR.js 是一个日历插件,用来创建日历,允许用户随意的按照自己的想法去自定义日历。这个插件不会生成任何的标记,但是可以使用数据来填充 Underscore.js HTML 模版(产生下划线)。它提供一些很有帮助的选项,确定星期的推移,初始加载时显示日历,点击事件(像 下一个或者是前一个月)等等功能。

2. jQuery Verbose Calendar

给开发者准备的 10 款最好的 jQuery 日历插件-图片2
jQuery Verbose Calendar 是个日历插件,,提供优雅的用户界面和轻松的日期滚动切换。它同时显示一年的所有月份和具体日期。一旦加载就会自动滚动到“今天”并显示当天的日期,需要 鼠标放在日期上面才会提示是星期几。除此之外,这款日历插件可以通过单个函数插入到任何 HTML 元素中。虽然这款插件只有很少的参数可以自定义,但是当点击日期的时候可以添加自定义的回调内容。文章源自陈学虎-https://chenxuehu.com/article/2014/02/1523.html

3. wdCalendar

给开发者准备的 10 款最好的 jQuery 日历插件-图片3
wdCalendar (JQuery Event Calendar Plugin)是 Google Calendar 的一个克隆,基于jQuery实现。包含Google日历的大部分功能包括:提供按天/周/月查看视图;支持通过拖拉的方式创建/更新 /删除事件;功能丰富的 API;易于给合数据库一起使用。通常,处理持续很多天的事件是很复杂的,但是 wdCalendar 能在这些都做的很好!文章源自陈学虎-https://chenxuehu.com/article/2014/02/1523.html

4. CalendarPicker

给开发者准备的 10 款最好的 jQuery 日历插件-图片4
CalendarPicker 是一个 jQuery 插件,用来创建好看的外观和漂亮的原始日期选择器。它提供多个下一个或者上一个日期,月份或者是年份的选择,可以快速的选择相应的日期。除此之外,它支持 鼠标滚轮滚动的来控制上一个或者下一个按钮(使用鼠标滚轮插件)。日期选择器会默认显示当前的日期,或者加载任何一个已经选择的日期。日期和月份的名字是 可选的,用户可以自定义相应的漂亮多语言界面。文章源自陈学虎-https://chenxuehu.com/article/2014/02/1523.html

5. jMonthCalendar

给开发者准备的 10 款最好的 jQuery 日历插件-图片5
jMonthCalendar 是显示整整一个月的日历,支持添加相应的事件。用户可以用选项和简单的事件数组来初始化日历,后面的事情就可以交给 jMonthCalendar 了。这是个 jQuery 日历插件,带有扩展的功能,允许开发者与日历有很好的交互,比如当日历显示要修改月份的时候,或者是显示修改后的月份和点击日历事件之后。 jMonthCalender 现在支持 hover 扩展功能,鼠标在事件徘徊的时候就会触发事件。默认的时候,时间都会伴随有 URL 超链接,用户点击可以链接到详细信息的页面。文章源自陈学虎-https://chenxuehu.com/article/2014/02/1523.html

6. Full Calendar

给开发者准备的 10 款最好的 jQuery 日历插件-图片6
FullCalendar 是个jQuery 插件,提供完整大小的,可拖拽的日历,就像上图一样的日历。它使用 AJAX 来获取每月事件的动态i,而且很容易使用自己喜欢的格式去配置日历(Google Calendar 提供的扩展功能)。用户可以自定义它的外观,自定义触发事件之后的行为(比如,点击,拖拽事件等等)。文章源自陈学虎-https://chenxuehu.com/article/2014/02/1523.html

7. Cal-Heatmap

给开发者准备的 10 款最好的 jQuery 日历插件-图片7
Cal-Heatmap 是个 javascript 模块,用来创建日历热图。这个模块可以帮助用户创建一个日历,就像 github 用户的贡献日历一样,不同的是 Cal-Heatmap 有导航和其他很多的数据格式控件。文章源自陈学虎-https://chenxuehu.com/article/2014/02/1523.html

8. gIDatePicker

给开发者准备的 10 款最好的 jQuery 日历插件-图片8
glDatePicker 是个简单,自定义,轻量级的日期选择器 jQuery 日历插件。gIDatePicker 压缩之后大小只有 4KB(没压缩是 11 KB)。它包括了前进和后退导航,当前日期高亮显示,限制日期的选择,每个日期选择器都有各自的风格,显示用户当前选择的日期。文章源自陈学虎-https://chenxuehu.com/article/2014/02/1523.html

9. jQuery Frontier Calendar

给开发者准备的 10 款最好的 jQuery 日历插件-图片9
jQuery Frontier Calendar 是整整一个月的 jQuery 日历插件,外观有点像 Google Calendar 。所有 UI 元素(比如下个月和上个月按钮,添加事件表格,工具提示等等)都不属于日历插件。用户可以使用 API 来控制这些元素的格式,自定义日历的外观。文章源自陈学虎-https://chenxuehu.com/article/2014/02/1523.html

10. jDigiClock

给开发者准备的 10 款最好的 jQuery 日历插件-图片10
jDigiClock 是个 jQuery 插件,灵感来自于 HTC 的大时钟部件。 如果要使用 jDigiClock 插件, HTML 文件中的 head 标签要包括 jQuery 库,jDigiClock 源文件和 jDigiClock 核心风格列表文件。jDigiClock 有大量的配置选项,比如:Clock 图像路径,天气图像路径,设置 AM/PM 选项,天气位置代码,设置 天气 metric 模式:C 或者是 F,每分钟更新天气等等。文章源自陈学虎-https://chenxuehu.com/article/2014/02/1523.html 文章源自陈学虎-https://chenxuehu.com/article/2014/02/1523.html

 
  • 版权声明:本文为原创文章,转载请附上原文出处链接及本声明。
  • 转载请注明:给开发者准备的 10 款最好的 jQuery 日历插件 | https://chenxuehu.com/article/2014/02/1523.html