博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
11个实用jQuery日历插件
阅读量:6817 次
发布时间:2019-06-26

本文共 1014 字,大约阅读时间需要 3 分钟。

1. 

FullCalendar是很出名的jQuery日历插件,它支持拖拽等功能,整合了Google Calendar,而且可以通过JSON来绑定事件,设计师可以轻松地自定义日历样式,工程师则利用它提供的接口来处理用户触发事件。

FullCalendar

 

2. 

这里是一篇教程,教你如何利用jQuery和CSS制作一个模仿iphone样式的日历控件。

 

Astonishing iCal-like Calendar

 

3. 

jQuery UI Datepicker 是一个提供了很多配置项的日历插件,你可以自定义日期的格式和语言,可通过按钮限制可选的日期范围,也可轻松地添加其他功能的按钮。

 

jQuery UI Datepicker

 

4. 

jMonthCalendar支持没个月份里的所有天数添加内容,本身可以应用到开发工作中。

 

jMonthCalendar

 

5. 

Date Picker 遵循MIT & GPL发布.,有着很多的配置项和特性,例如你可以同时打开多个日期选择器,轻松地通过修改css来自定义样式,支持多种日期选择模式。

 

Date Picker

 

6. 

jQuery Week Calendar 是一个在web应用中显示一周情况的插件,可以通过数据或者JSON来绑定相应的触发事件,而且这些事件都可以拖拽、缩放,而且还有很多选项和事件回调函 数可以使用在应用中,具体的可以参考官方文档。

 

jQuery Week Calendar

 

7. 

这是一个很简洁的日期选择器,但是提供了很多实用功能。

 

Simple jQuery Date-picker Plugin

 

8. 

跟上面介绍的类似,在显示风格上略有区别。

jQuery Date Picker Plugin

 

9. 

这个强大的日历控件时jQqueryUI中日历组建的改良版,它有十分平滑的显示过渡效果,最新版使用的是jQuery UI 1.7 一级 jQuery UI CSS 框架,你可以通过jQuery UI来修改出自己期望的效果.

jQuery Interactive Date Range Picker

 

10. jMonthCalendar

 

jMonthCalendar是一个jQuery插件用于创建以月视图显示的事件日历表(event calendar)。jMonthCalendar支持跨天的事件和通过拖放操作更新事件数据。

jMonthCalendar.jpg

 

主页: 

下载: 
DEMO:

 

 

11. jquery week-calendar

 

这是一个周日历jQuery插件。能够在周日历网格中显示事件。日历事件可以从数组,URL或JSON取得。日历事件可以被随意拖曳,调整占用区域的大 小。在该插件初始化时会自动滚动到当前时间所在的单元格。可以自定义各种事件的回调操作比如:drag、drop、resize、mouseover、 click等。可以按自己需求扩展该插件的核心日历事件数据结构。

jquery_week-calendar.jpg

 

主页: 

下载: 
DEMO:

转载地址:http://tgbzl.baihongyu.com/

你可能感兴趣的文章
行走在前端路上的一些想法
查看>>
hdu 5288 ZCC loves straight flush
查看>>
前端爬虫cheerio&&puppeteer
查看>>
Linux日常操作整理
查看>>
rem和em的用法
查看>>
【译】整理->20个让你效率更高的CSS代码技巧
查看>>
Prometheus学习系列(十一)之Hello World
查看>>
IDEA常用设置及推荐插件
查看>>
java多线程基本概述(十一)——ReadWriteLock
查看>>
机器学习 深度学习 计算机视觉 资料汇总
查看>>
深度学习网络结构中超参数momentum了解
查看>>
js几种创建对象的方式
查看>>
微信小程序中this关键字使用技巧
查看>>
multiprocessing的基础用法
查看>>
N的阶乘的长度 V2(斯特林近似) 求 某个大数的阶乘的位数 .
查看>>
第二十二课:运算放大电路
查看>>
geek必备工具列表
查看>>
SVN 目录 定义
查看>>
P2252 取石子游戏
查看>>
Fastcgi工作原理
查看>>