当前位置：首页 > 资讯 > 技术文档

jQueryUI DatePicker 添加时分秒

时间：2020-09-18 04:35 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQueryUI DatePicker 添加时分秒

jquery.ui 的 datepicker 默认是年月日的jquery 插件，如果添加时分秒只需要做如下修改即可 [b]1. 下载jquery-ui-timepicker-addon.js ，并在页面加载[/b] [b]2. 页面添加如下 timepicker 的样式即可[/b]

[u]复制代码[/u] 代码如下:

.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; }

[b]3. js 中设置某input 的时间格式[/b]

[u]复制代码[/u] 代码如下:

<input type="text" id="datetime" name="datetime" value="" />

datetimepicker：jquery.ui.datepicker <wbr>添加时分秒

$("#datetime").datetimepicker(); // 日期+时分秒 

$("#datetime").datepicker(); // 日期 

$("#datetime").timepicker(); // 时分秒

[img]http://files.jb51.net/file_images/article/201606/201664102319187.png[/img] 以上就是jQueryUI DatePicker 添加时分秒的方法，希望能给大家一个参考，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：修改Jquery Dialog 位置的实现方法
下一篇：jquery 获取当前元素的索引值

资讯排行榜
更多>>