jQueryUI DatePicker 添加时分秒
更新时间:2016年6月12日 10:00 点击:2606
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 添加时分秒的方法,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
- 本文主要介绍jQueryUI DatePicker添加时分秒的方法,简单实用,需要的朋友可以参考下。...2016-06-12
- 这篇文章主要介绍了jQuery UI库中dialog对话框功能使用全解析,文中列举了各种常用的dialog属性,整理得很全面,需要的朋友可以参考下...2016-04-25
- 这篇文章主要为大家详细介绍了JQuery日期插件datepicker的使用方法,感兴趣的小伙伴们可以参考一下...2016-03-07
Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
下面小编就为大家带来一篇Jquery ui datepicker 设置日期范围,如只能隔3天【实现代码】。小编觉得挺不错的,现在分享给大家,也给大家做个参考...2016-05-05- 本文主要介绍jQueryUI DatePicker设置中文的方法,需要的朋友可以参考下。...2016-06-12
- 这篇文章主要介绍了jquery日历插件datepicker用法,结合实例形式分析了jquery日历插件datepicker的定义与使用技巧,需要的朋友可以参考下...2016-01-24
- 这篇文章主要介绍了JQuery datepicker 用法详解的相关资料,需要的朋友可以参考下...2015-12-27
- 这篇文章主要为大家详细介绍了jQuery日历插件datepicker用法,感兴趣的小伙伴们可以参考一下...2016-03-07