扩展jquery的Datepicker成为可选择时间的Timepicker

在有些需求中是需要选择时间的而jquery ui的Datepicker是不能选择时间的,现在找一个扩展了的插件非常好用,在附件中,使用截图如下:
[img]http://dl.iteye.com/upload/attachment/282058/054f7d8b-175f-3e20-96a5-6ea810b786fa.jpg[/img]
[img]http://dl.iteye.com/upload/attachment/282060/2b600ee6-affb-3dab-a2e6-fe25f2eb86ee.jpg[/img]
1.在使用时需要导入的jquery ui js 文件
jquery.ui.datepicker.js
jquery.ui.slider.js
jquery-ui-timepicker-addon-0.5.js
以及一些ui的必须包。
2.在页面中加入Timepicker的css

#ui-timepicker-div dl{ text-align: left; }
#ui-timepicker-div dl dt{ height: 25px; }
#ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }

使用示例如下:

$('#example2').datetimepicker({
ampm: false,//上午下午是否显示
timeFormat: 'hh:mm',//时间模式
stepHour: 1,//拖动时间时的间隔
stepMinute: 5,//拖动分钟时的间隔
dateFormat:"yy-mm-dd", //日期格式设定
showHour: true,//是否显示小时,默认是true
showMinute true//是否显示分钟,默认是true
});
<input type="text" name="example2" id="example2" value="" />
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值