手机
当前位置:查字典教程网 >编程开发 >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构造函数init参数分析续

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

原生JS和JQuery动态添加、删除表格行的方法

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

jQuery插件datepicker 日期连续选择

基于jQuery插件实现环形图标菜单旋转切换特效

jQuery的Scrollify插件实现滑动到页面下一节点

jQuery Timelinr实现垂直水平时间轴插件(附源码下载)

jQuery常用知识点总结以及平时封装常用函数

Jquery动态添加输入框的方法

精品推荐
分类导航