您的位置:首页 > Web前端 > JQuery

jquery.datetimepicker 使用感悟

2016-12-15 00:00 330 查看
jquery.datetimepicker的基本用法:

对象.datetimepicker();

使用示例:

$('#time').datetimepicker({
lang: 'ch',
timepicker: false,
format: 'Y-m-d',
closeOnDateSelect: true
});

特殊需求用法:

1、设置时间的最小值(根据需求,选择的值不能小于某一个值,由于不能监听到change事件,所以开始真的是毫无办法,因为这个值无法监听到),办法如下:

$('#time').datetimepicker({
lang: 'ch',
timepicker: false,
format: 'Y-m-d',
closeOnDateSelect: true,
minDate : date
});

此时时间的最小值为你设置的这个date,但是一旦你改变值之后,就会发现,在input区域滚动,显示的时间还是能小于你设置的最小值。

解决办法:增加一个参数

scrollInput:false

结果为:

$('#time').datetimepicker({
lang: 'ch',
timepicker: false,
format: 'Y-m-d',
closeOnDateSelect: true,
scrollInput:false,
minDate : date
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: