现在的网页应用越来越丰富，我们在网页中填写日期和时间已经再也不用手动输入了，而是使用各种各样的日期时间选择控件，大部分样式华丽的日期选择和日历控件都是基于jQuery和HTML5的，比如今天要分享的这9款日期选择控件，漂亮的UI外观加上人性化的操作设计，大大提高了用户体验，让我们一起来欣赏一下吧。

1、HTML5移动端外观时尚的日期时间选择控件

之前我们介绍过很多基于jQuery的日期时间选择控件，比如基于Bootstrap和jQuery的日历控件和日期选择插件。今天我们要分享一款基于HTML5的移动端日期时间选择控件，它的外观比较特别，适合移动设备中使用，当然PC端用起来也非常不错。

在线演示/源码下载

2、基于Bootstrap和jQuery的日历控件和日期选择插件

这次我们要来分享一款漂亮而且实用的jQuery日历控件和日期选择插件，而且这款日历控件是基于Boostrap的，外观还不错。控件有两种模式，一种是日历模式，可以快速定位年份和月份，很方便。另一种是日期选择模式，单击输入框即可弹出日期选择控件，并且支持格式化日期。

在线演示/源码下载

3、jQuery/CSS3带数字时钟的圆盘时钟

之前我们分享过很多基于jQuery和CSS3的时钟插件了，有数字时钟，比如这款CSS3倒计时时钟动画，也有一些圆盘时钟，比如HTML5仿Apple Watch时钟动画和HTML5 SVG圆盘时钟动画5种时钟样式。今天要介绍的这款时钟插件是数字时钟和圆盘时钟的混合，也就是在圆盘时钟上嵌入了一个数字时钟，更加美观和实用。

在线演示/源码下载

4、jQuery万年历插件带农历老皇历功能

这是一款基于jQuery的日历插件，这款日历插件和之前分享的日历控件有很大差异，它是一本万年历，包含了农历已经老皇历的功能，是一个挑好日子的工具。同时日历还可以查看本年度的放假安排，功能非常强大。有兴趣的朋友可以下载学习。

在线演示/源码下载

5、基于Bootstrap的日期选择控件可选择多种日期格式

这次要介绍的日期选择控件是基于Bootstrap风格的，可支持多种日期合适，并且外观也非常清爽。

在线演示/源码下载

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

今天我们来分享一款实用的HTML5/CSS3日期选择插件，这款日期选择插件的外观还是挺清新简易的，但是整体来说还是挺漂亮的。另外，该日期选择插件还有一个最大的特点，那就是可以自定义日期的区间，我们可以快速的制定区间范围内的日期，非常方便。

在线演示/源码下载

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

之前我们也已经分享过不少jQuery日历插件，有些应用了CSS3的特性，外观就特别漂亮。今天要分享的这款jQuery日历插件不仅有着绚丽的外观，而且带有日期事件记录功能，点击日期即可展开事件记录窗口，你可以设置事件的描述以及提醒的时间，是一款相对实用的jQuery日历插件。

在线演示/源码下载

8、jQuery UI自定义样式的日历控件

今天要给大家带来一款基于jQuery UI的日历控件，这款日历控件的样式是通过自定义过的，显得比较简单轻便。日历可以通过按钮对年份和月份进行前翻和后翻，功能没有那么复杂，可能对一些简单的博客中可以使用这个日历。

在线演示/源码下载

9、JavaScript日期选择控件Kalendae

今天我们要来分享一款简单而实用的JavaScript日期选择控件，名叫Kalendae。它的外观虽然很普通，但是功能很强大，不仅可以当日历组件，也可以当做日期选择控件。而且可以同时展示多个日期选择控件，效果非常不错。

在线演示/源码下载

以上就是9款样式华丽的jQuery日期选择和日历控件，希望会对你有所帮助。

9款精致HTML5/jQuery日历时钟控件源码下载（源码请见百度云） 链接：http://pan.baidu.com/s/1geIXe75 密码：7m4a的更多相关文章

  1. 给开发者准备的 10 款最好的 jQuery 日历插件[转]

    这篇文章介绍的是 10 款最棒而且又很有用的 jQuery 日历插件,允许开发者们把这些漂亮的日历插件结合到自己的网站中.这些日历插件易用性都很强,轻轻松松的就可以把漂亮的日历插件装饰到你的网站了.希 ...

  2. 使用Canvas绘制简单的时钟控件

    Canvas是HTML5新增的组件,它就像一块幕布,可以用JavaScript在上面绘制各种图表.动画等. 没有Canvas的年代,绘图只能借助Flash插件实现,页面不得不用JavaScript和F ...

  3. jquery日历签到控件的实现

    calendar.js var calUtil = { //当前日历显示的年份 showYear:2015, //当前日历显示的月份 showMonth:1, //当前日历显示的天数 showDays ...

  4. C# 时钟控件

    //控件名:myNewClock //作者:刘典武 //时间:2011-06-10 using System; using System.Collections.Generic; using Syst ...

  5. Html5与CSS3权威指南 百度云下载

    Html5与CSS3权威指南 百度云下载 链接:http://pan.baidu.com/s/1hq6Dlvm 密码:php3

  6. Javascript/CSS/HTML/vue/angularJS/react/jquery/DOM前端编程经典电子书pdf下载

    高级进阶必读 你所不知道的系列,高级开发必掌握. JavaScript这门语言简单易用,很容易上手,但其语言机制复杂微妙,即使是经验丰富的JavaScript开发人员,如果没有认真学习的话也无法真正理 ...

  7. 一款效果精致的 jQuery 多层滑出菜单插件

    想要以用户友好的方式呈现多级菜单是件不容易的事情,而且还要跨浏览器兼容就更难了.Multi-Level Push Menu 这款 jQuery 插件提供了呈现这种菜单的解决方案,能够让你无限制的展示菜 ...

  8. 分享8款绚丽的HTML5/jQuery特效插件

    有几天没有分享前端资源了,今天要向大家分享15款非常给力的HTML5/jQuery特效插件,废话少说,一起来看看. 1.CSS3图片重力感应特效 很酷的一款CSS3模拟重力感应特效,你可以拖动图片来甩 ...

  9. 7款经典炫酷的HTML5/jQuery动画应用示例及源码

    jQuery是一款普遍受前端开发者欢迎的Javascript框架,但是开发者貌似更关注jQuery开发的插件,海量的jQuery插件让前端开发者非常方便.HTML5的加入让jQuery这个家族更加丰富 ...

随机推荐

  1. Android Studio 使用genymotion 模拟器运行app时 提示找不到任何设备

    原因是使用了genymotion 默认的Android toos .打开genymotion  选择设置  ADB  使用自己的SDKtools 选择Android Studio 使用的SDK位置就行 ...

  2. IOS开发中--点击imageView上的Button没有任何反应

    点击imageView上的Button没有任何反应:    解决方法:设置图片的userInteractionEnabled为YES,使该imageView可以与用户进行交互

  3. PHPSESSID的cookie

    如果PHP脚本中有: 1 session_start(); 则说明使用了SESSION. SESSION是一种机制,可以在服务器端跨文件暂时保存数据或传递数据,常用于购物车等方面. SESSION只在 ...

  4. Ajax方法实现登录页面

    Note: ajax技术 不用刷新页面,做局部刷新不用form表单,因为不需要提交,通过JQuery控制必须要有id如果要用ajax可以用JQuery也可以用js写,推荐JQuery 因为简单,直接引 ...

  5. 使用Dmitry Sklyarov的方法来破解一款流行的4G调制解调器

    逆向工程师如果对设备代码和固件系统进行检测时,发现了许多经过加密处理的固件文件,该怎么办?在本文中我将通过一个真实的故事来教大家如何利用一些基础的计算机知识以及简单的逻辑来应对这一问题. 因为这篇文章 ...

  6. ubuntu 新系统需要做的事

    1 : 打开语言支持 开始补齐并且选择自己需要的语言包 . 2 : 搜索计算机 输入 update 找到软件更新器 更新软件库 . 然后打开ubuntu自带软件安装工具下载自己想要的软件(没有更新之前 ...

  7. codeforces Educational Codeforces Round 16-E（DP）

    题目链接:http://codeforces.com/contest/710/problem/E 题意:开始文本为空,可以选择话费时间x输入或删除一个字符,也可以选择复制并粘贴一串字符(即长度变为两倍 ...

  8. Linux 基础入门（新版）（实验一至实验四）

    1.实验一  Lniux简介   操作系统:系统调用+内核 Linux 平台:大都为开源自由软件,用户可以修改定制和再发布,由于基本免费没有资金支持,部分软件质量和体验欠缺:有全球所有的 Linux ...

  9. 配置集成环境xampp-win32-1.7.0-installer.exe

    第一步:准备当然要有xampp-win32-1.7.0-installer.exe这个软件了啊,大家可以去网站上下载这个就不必多说了吧在安装之前一定要将apache,mysql,httpd这一系列进程 ...

  10. centos 输入密码正确进不去系统

    国庆长假之后,上班,第一件事就是连接开发服务器进行开发,结果发现死活进不去系统.一开始以为是用户名和密码错误,后来发现怎么输入都是进不去系统,密码输入是肯定正确的. google了一下,发现有人说是密 ...