8个基于jQuery和HTML5的日历时钟插件

开发 前端
jQuery是一个当前依然非常流行的Web前端JavaScript框架,这次我们要分享的就是基于jQuery的日历时钟插件,部分日历插件还是基于HTML5技术实现的,因此动画效果都还不错。有兴趣的朋友可以接下去看看。

jQuery是一个当前依然非常流行的Web前端JavaScript框架,这次我们要分享的就是基于jQuery的日历时钟插件,部分日历插件还是基于HTML5技术实现的,因此动画效果都还不错。有兴趣的朋友可以接下去看看。

1、jQuery多功能日历插件 带事件记录功能

这款jQuery日历插件的一大特点就是可以在每一个日期后面记录事件,并且可以设置提醒时间,如果你对JS开发比较擅长,还可以将它改进成一款即时提醒的APP应用。

jquery-calendar-with-event

在线演示       源码下载

2、华丽的HTML5/CSS3日期选择器

这款HTML5日历插件的特点是外观非常漂亮,日期按钮有内凹的3D效果,并且随着鼠标的滑过,日期背景将会改变。

html5-css3-calendar

在线演示        源码下载

3、jQuery超酷平面时钟特效插件

这款jQuery时钟就更加具有特色了,它的整体外观是一个平面,时钟的时针、分针和秒针都在这个平面上,不像圆盘时钟那样是绕圈计数的,它是在平面上滑动而周期性地计数。

jquery-cool-clock

在线演示         源码下载

4、HTML5/CSS3带日期区间的日期选择插件

这款HTML5日历插件的特点是可以选取一定的时间范围,自定义日期区间。

html5-date-range-picker

在线演示        源码下载

5、jQuery/HTML5秒表动画

这是一款基于jQuery和HTML5的圆盘秒表动画,和其他的jQuery日历插件不同,它的用途是用来计时和统计。

html5-css3-stop-watch

在线演示       源码下载

6、JavaScript日期选择控件Kalendae

Kalendae是一款老牌的jQuery日历插件,它的特点是可以同时展示多个日历,并且提供日期的选择。

javascript-kalendae

在线演示       源码下载

7、HTML5圆盘时钟

这款HTML5圆盘时钟的UI还是不错的,模拟了现实中的圆盘时钟效果,如果在自己的个人主页上加上这款时钟动画,那么你的个人主页会更加个性化。

html5-css3-clock-with-date

在线演示      源码下载

8、扁平化风格的jQuery日历组件

这款jQuery日历插件是扁平化风格的,看起来非常清爽,可以选择星期和日期。

jquery-css3-datepicker-time

在线演示        源码下载

本文链接:http://www.codeceo.com/article/8-jquery-html5-calendar.html

本文作者:码农网 – 小峰

责任编辑:张伟 来源: 码农网
相关推荐

2013-08-30 10:02:48

2011-11-18 16:09:37

jQuery

2011-03-11 09:58:02

jQuery

2014-10-30 09:50:05

HTML5

2016-01-20 10:11:56

华丽CanvasHTML5

2014-07-22 10:58:33

HTML5jQuery

2012-09-19 15:21:48

Worklight

2011-08-01 16:43:51

ibmdwHTML5Dojo

2015-11-16 10:08:28

jQueryHTML5地图插件

2012-04-05 13:19:06

WEBHTML5

2015-07-06 09:57:04

HTML5CSS框架BootFlat

2012-04-01 10:02:00

HTML5

2014-11-28 14:38:07

HTML5

2011-01-27 13:08:57

HTML5JavascriptWeb

2012-06-04 15:24:56

jQuery

2013-01-30 15:35:47

AdobeHTML5

2020-10-09 11:02:46

HTML5 特性

2013-01-24 10:26:04

HTML5HTML 5HTML5的未来

2013-05-28 11:08:51

人脸识别html5

2011-09-08 09:38:46

HTML5 WidgeDojo
点赞
收藏

51CTO技术栈公众号