手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQueryUI DatePicker 添加时分秒
jQueryUI DatePicker 添加时分秒
摘要:jquery.ui的datepicker默认是年月日的jquery插件,如果添加时分秒只需要做如下修改即可1.下载jquery-ui-tim...

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

3. js 中 设置某input 的时间格式

复制代码 代码如下:<input type="text" id="datetime" name="datetime" value="" />

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

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

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

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

jQueryUI DatePicker 添加时分秒1

以上就是jQueryUI DatePicker 添加时分秒的方法,希望能给大家一个参考,也希望大家多多支持查字典教程网。

【jQueryUI DatePicker 添加时分秒】相关文章:

jQuery+ajax实现无刷新级联菜单示例

jQuery 遍历函数详解

JQuery中Text方法用法实例分析

jQuery替换textarea中换行的方法

jquery中添加属性和删除属性

jQuery解析XML文件同时动态增加js文件的方法

JQuery实现动态添加删除评论的方法

jQuery插件制作之全局函数用法实例

jQuery实现html表格动态添加新行的方法

jQuery结合ajax实现动态加载文本内容

精品推荐
分类导航