jQueryUI DatePicker 添加时分秒
更新时间：2016年06月04日 10:25:44 作者：最初的你
本文主要介绍jQueryUI DatePicker添加时分秒的方法，简单实用，需要的朋友可以参考下。
jquery.ui 的 datepicker 默认是年月日的jquery 插件，如果添加时分秒 只需要做如下修改即可
1. 下载jquery-ui-timepicker-addon.js ，并在页面加载
2. 页面添加如下 timepicker 的样式即可
复制代码 代码如下:
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
3. js 中 设置某input 的时间格式
复制代码 代码如下:
<input type="text" id="datetime" name="datetime" value="" />
datetimepicker：jquery.ui.datepicker <wbr>添加时分秒
$("#datetime").datetimepicker(); // 日期+时分秒
$("#datetime").datepicker(); // 日期
$("#datetime").timepicker(); // 时分秒
datetimepicker：jquery.ui.datepicker <wbr>添加时分秒
$("#datetime").datetimepicker(); // 日期+时分秒
$("#datetime").datepicker(); // 日期
$("#datetime").timepicker(); // 时分秒
以上就是jQueryUI DatePicker 添加时分秒的方法，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- datePicker——日期选择控件（with jquery）
- jquery ui dialog里调用datepicker的问题
- jquery UI 1.72 之datepicker
- JQuery UI DatePicker中z-index默认为1的解决办法
- JQuery datepicker 使用方法
- 解决jquery的datepicker的本地化以及Today问题
- jquery 日期控件datepicker属性详细解析
- jquery datepicker参数介绍和示例
- jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
- jquery UI Datepicker时间控件的使用方法（终结版）
相关文章
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
这篇文章主要介绍了Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击。需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
jQuery EasyUI框架中的Datagrid数据表格组件结构详解
jQuery EasyUI是一个旨在辅助HTML5打造更好的Web界面的框架,而其中的Datagrid组件也是非常强大,这里我们就来看一下jQuery EasyUI框架中的Datagrid数据表格组件结构详解2016-06-06
在使用slideToggle 的时候经常会遇到列表收起时候闪烁的问题,一般IE浏览器会有这个问题，其他浏览器比如火狐不会出现闪烁.2011-07-07
这篇文章主要为大家详细介绍了jquery zTree异步加载简单实例，ztree采用了延迟加载技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀，感兴趣的小伙伴们可以参考一下2016-02-02
利用jQuery的$.event.fix函数统一浏览器event事件处理
做WEB前端开发的人都知道不同的浏览器对事件的处理方式是有区别的。2009-12-12
下面小编就为大家带来一篇jquery实时获取时间的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，从而实现纯html数据模板，下面主要给大家介绍实现代码，感兴趣的朋友一起看下吧2016-08-08
基于HTML+CSS，jQuery编写的简易计算器后续（添加了键盘监听）
这篇文章主要介绍了使用HTML+CSS，jQuery编写的简易计算器后续（添加了键盘监听） 的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要讲实现音乐播放器的代码（html5+css3+jquery），需要的朋友可以参考下2015-08-08
本节主要介绍了jquery如何批量修改标签css样式以input标签为例,需要的朋友可以参考下2014-07-07
最新评论