简介

jQuery UI Datepicker日期选择插件很好用了，只不过只能精确到日，不能选择时间（小时分钟秒）很遗憾，而jquery-ui-timepicker-addon.js正是基于jQuery UI Datepicker的一款可选时间的插件。

官网地址：http://trentrichardson.com/examples/timepicker/

官网demo下载：https://github.com/trentrichardson/jQuery-Timepicker-Addon

插件效果图：

Demo使用

<html>
<head><title></title><link type="text/css" href="http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css" rel="stylesheet" /><link href="jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.css" type="text/css" /><link href="jQuery-Timepicker-Addon/demos.css" rel="stylesheet" type="text/css" /><script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script><script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.min.js"></script><script src="jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.js" type="text/javascript"></script><!--中文--><script src="js/jquery.ui.datepicker-zh-CN.js.js" type="text/javascript" charset="gb2312"></script><script src="js/jquery-ui-timepicker-zh-CN.js" type="text/javascript"></script><script type="text/javascript">jQuery(function () {// 时间设置
            jQuery('#time').datetimepicker({timeFormat: "HH:mm:ss",dateFormat: "yy-mm-dd"});});</script>
</head>
<body><input id="time" type="text" />
</body>
</html>

项目预览图：

demo代码下载：http://pan.baidu.com/share/link?shareid=125342&uk=590309421

结束

祝：大家每天开心幸福~

本文转自王磊的博客博客园博客，原文链接：http://www.cnblogs.com/vipstone/archive/2012/11/22/2783044.html，如需转载请自行联系原作者

jQuery日期和时间插件（jquery-ui-timepicker-addon.js）中文破解版使用相关推荐

jQuery日期和时间插件 datetimepicker
获取插件Demo文件方式: 关注微信公众号"快乐干饭人的外卖券",发送"日期时间插件"6个字给公众号,免费获取代码网盘链接.(注意文字不要写错哟!) date ...
html css 范围选择框,jquery日期范围选择器插件
这是一款jquery日期范围选择器插件.该jquery日期范围选择器插件基于bootstrap,它提供日期范围选择功能,字符串本地化功能,时间选择功能等,功能非常强大. 使用方法该jquery日期范 ...
【若依(ruoyi)】datetimepicker日期和时间插件
目录前言官网控件绑定 `datetimepicker日期和时间插件` 前言若依(ruoyi) 4.2 thymeleaf 模板官网 https://github.com/smalot/boo ...
jQuery 表单验证插件 jQuery Validation Engine 使用
jQuery 表单验证插件 jQuery Validation Engine 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面),指定使用 jQuery Validation Engi ...
Jquery日期、时间选择插件
在jquery ui中,提供了一个非常实用的日期选择器:datepicker,使用它能非常方便的展现日历中的日期,灵活配置相关选项,包括日期格式.范围等.我们经常在WEB应用中用到datepicker ...
精确到秒的JQuery日期控件，jquery日历插件，jquery日期插件
2019独角兽企业重金招聘Python工程师标准>>> 效果图如下: 首先在页面中引用一下库: <link type="text/css" href=&qu ...
jQuery 表单验证插件jQuery Validation Engine用法详解
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. jQuery Validation ...
html图片使用glide,jQuery响应式幻灯片插件jquery.glide.js（支持触摸轻量级）
找到一款好的幻灯片插件不容易,找到一款功能全并且使用很简单的幻灯片更不容易,今天为大家分享一款全能的幻灯片插件glide.js,也是我现在在使用的一款插件. jquery.glide.js是响应和触摸 ...
分享一个灰常简单好用的jQuery弹出层插件:jquery.artwl.thickbox.js
最终效果: 插件原理所有弹出层的原理都差不多,就是用一个全屏半透明DIV做遮罩层,在这个遮罩层上再显示出一个层放要显示的内容,其他的就是CSS的运用了. 本插件为了使用简单,把JS跟CSS封装在了一 ...

jQuery日期和时间插件（jquery-ui-timepicker-addon.js）中文破解版使用

简介

Demo使用

结束

jQuery日期和时间插件（jquery-ui-timepicker-addon.js）中文破解版使用相关推荐

最新文章

热门文章