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


Posted in Javascript onFebruary 04, 2014

这篇文章介绍的是 10 款最棒而且又很有用的 jQuery 日历插件,允许开发者们把这些漂亮的日历插件结合到自己的网站中。这些日历插件易用性都很强,轻轻松松的就可以把漂亮的日历插件装饰到你的网站了。希望下面的插件列表能给予你一定的帮助,让你的 web开发更快更好。旧版本的日历插件和下拉框已经被淘汰啦,好好欣赏 jQuery 日历插件给你带来的强烈视觉冲击吧!

1. CLNDR.js

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

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

2. jQuery Verbose Calendar

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

jQuery Verbose Calendar 是个日历插件,,提供优雅的用户界面和轻松的日期滚动切换。它同时显示一年的所有月份和具体日期。一旦加载就会自动滚动到“今天”并显示当天的日期,需要 鼠标放在日期上面才会提示是星期几。除此之外,这款日历插件可以通过单个函数插入到任何 HTML 元素中。虽然这款插件只有很少的参数可以自定义,但是当点击日期的时候可以添加自定义的回调内容。

3. wdCalendar

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

wdCalendar (JQuery Event Calendar Plugin)是 Google Calendar 的一个克隆,基于jQuery实现。包含Google日历的大部分功能包括:提供按天/周/月查看视图;支持通过拖拉的方式创建/更新 /删除事件;功能丰富的 API;易于给合数据库一起使用。通常,处理持续很多天的事件是很复杂的,但是 wdCalendar 能在这些都做的很好!

4. CalendarPicker

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

CalendarPicker 是一个 jQuery 插件,用来创建好看的外观和漂亮的原始日期选择器。它提供多个下一个或者上一个日期,月份或者是年份的选择,可以快速的选择相应的日期。除此之外,它支持 鼠标滚轮滚动的来控制上一个或者下一个按钮(使用鼠标滚轮插件)。日期选择器会默认显示当前的日期,或者加载任何一个已经选择的日期。日期和月份的名字是 可选的,用户可以自定义相应的漂亮多语言界面。

5. jMonthCalendar

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

jMonthCalendar 是显示整整一个月的日历,支持添加相应的事件。用户可以用选项和简单的事件数组来初始化日历,后面的事情就可以交给 jMonthCalendar 了。这是个 jQuery 日历插件,带有扩展的功能,允许开发者与日历有很好的交互,比如当日历显示要修改月份的时候,或者是显示修改后的月份和点击日历事件之后。 jMonthCalender 现在支持 hover 扩展功能,鼠标在事件徘徊的时候就会触发事件。默认的时候,时间都会伴随有 URL 超链接,用户点击可以链接到详细信息的页面。

6. Full Calendar

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

FullCalendar 是个jQuery 插件,提供完整大小的,可拖拽的日历,就像上图一样的日历。它使用 AJAX 来获取每月事件的动态i,而且很容易使用自己喜欢的格式去配置日历(Google Calendar 提供的扩展功能)。用户可以自定义它的外观,自定义触发事件之后的行为(比如,点击,拖拽事件等等)。

7. Cal-Heatmap

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

Cal-Heatmap 是个 javascript 模块,用来创建日历热图。这个模块可以帮助用户创建一个日历,就像 github 用户的贡献日历一样,不同的是 Cal-Heatmap 有导航和其他很多的数据格式控件。

8. gIDatePicker

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

glDatePicker 是个简单,自定义,轻量级的日期选择器 jQuery 日历插件。gIDatePicker 压缩之后大小只有 4KB(没压缩是 11 KB)。它包括了前进和后退导航,当前日期高亮显示,限制日期的选择,每个日期选择器都有各自的风格,显示用户当前选择的日期。

9. jQuery Frontier Calendar

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

jQuery Frontier Calendar 是整整一个月的 jQuery 日历插件,外观有点像 Google Calendar 。所有 UI 元素(比如下个月和上个月按钮,添加事件表格,工具提示等等)都不属于日历插件。用户可以使用 API 来控制这些元素的格式,自定义日历的外观。

10. jDigiClock

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

jDigiClock 是个 jQuery 插件,灵感来自于 HTC 的大时钟部件。 如果要使用 jDigiClock 插件, HTML 文件中的 head 标签要包括 jQuery 库,jDigiClock 源文件和 jDigiClock 核心风格列表文件。jDigiClock 有大量的配置选项,比如:Clock 图像路径,天气图像路径,设置 AM/PM 选项,天气位置代码,设置 天气 metric 模式:C 或者是 F,每分钟更新天气等等。

以上介绍的 10 款超棒的 jQuery 日历插件肯定有一款符合你的 style,大胆的分享你的选择和你对于这些插件的评价吧:)

via codegeekz.com

Javascript 相关文章推荐
表单提交时自动复制内容到剪贴板的js代码
Mar 16 Javascript
jquery中的sortable排序之后的保存状态的解决方法
Jan 28 Javascript
JS中Iframe之间传值的方法
Mar 11 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
整理Javascript基础语法学习笔记
Nov 29 Javascript
jQuery Validate表单验证入门学习
Dec 18 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
Aug 15 Javascript
js鼠标经过tab选项卡时实现切换延迟
Mar 24 Javascript
vue中v-model的应用及使用详解
Jun 27 Javascript
使用js实现将后台传入的json数据放在前台显示
Aug 06 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
Nov 15 Javascript
layui 富文本编辑器和textarea值的相互传递方法
Sep 18 Javascript
javascript简单性能问题及学习笔记
Feb 04 #Javascript
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 #Javascript
21个值得收藏的Javascript技巧
Feb 04 #Javascript
Javascript 按位与运算符 (&)使用介绍
Feb 04 #Javascript
Javascript 按位与赋值运算符 (&=)使用介绍
Feb 04 #Javascript
Javascript 按位左移运算符使用介绍(
Feb 04 #Javascript
JavaScript按位运算符的应用简析
Feb 04 #Javascript
You might like
暴雪前总裁遗憾:没尽早追赶Dota 取消星际争霸幽灵
2020/03/08 星际争霸
一个连接两个不同MYSQL数据库的PHP程序
2006/10/09 PHP
php使用ob_start()实现图片存入变量的方法
2014/11/14 PHP
php可应用于面包屑导航的递归寻找家谱树实现方法
2015/02/02 PHP
json 实例详细说明教程
2009/10/31 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
Javascript 加载和执行-性能提高篇
2012/12/28 Javascript
今天是星期几的4种JS代码写法
2013/09/17 Javascript
Enter转换为Tab的小例子(兼容IE,Firefox)
2013/11/14 Javascript
浅谈JSON.parse()和JSON.stringify()
2015/07/14 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
2017/01/17 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
2019/01/30 Javascript
9种方法优化jQuery代码详解
2020/02/04 jQuery
Nodejs实现WebSocket代码实例
2020/05/19 NodeJs
Jquery Fade用法详解
2020/11/06 jQuery
JavaScript实现复选框全选和取消全选
2020/11/20 Javascript
[03:58]2014DOTA2国际邀请赛 龙宝赛后解密DK获胜之道
2014/07/14 DOTA
python用字典统计单词或汉字词个数示例
2014/04/22 Python
PyTorch线性回归和逻辑回归实战示例
2018/05/22 Python
kafka-python批量发送数据的实例
2018/12/27 Python
Python 如何优雅的将数字转化为时间格式的方法
2019/09/26 Python
Selenium获取登录Cookies并添加Cookies自动登录的方法
2020/12/04 Python
python利用pytesseract 实现本地识别图片文字
2020/12/14 Python
HTML5计时器小例子
2013/10/15 HTML / CSS
Nike瑞典官方网站:Nike.com (SE)
2018/11/26 全球购物
C# Debug和Testing相关面试题
2015/10/25 面试题
珍珠奶茶店创业计划书
2014/01/11 职场文书
社区学雷锋活动策划方案
2014/01/30 职场文书
大二学生职业生涯规划书
2014/02/05 职场文书
小学生竞选班长演讲稿
2014/04/24 职场文书
省级优秀班集体申报材料
2014/05/25 职场文书
2015年药品销售工作总结范文
2015/05/25 职场文书
小学运动会通讯稿
2015/07/18 职场文书
财务人员入职担保书
2015/09/22 职场文书
国际最新研究在陨石中发现DNA主要成分 或由陨石带来地球
2022/04/29 数码科技
ubuntu20.04虚拟机无法上网的问题及解决
2022/12/24 Servers