我使用bootstrap-timepicker.js使用bootstrap时间选择器,我想限制该时间戳的最小时间和最大时间.任何人都可以告诉我如何实现它.
我使用了以下方法,但没有什么可以帮助我:
我使用了以下方法,但没有什么可以帮助我:
$('input[data-role="time"]').timepicker({
showMeridian: true,minTime: {
hour: 10,minute: 15
},minuteStep: 1,showInputs: true,defaultTime: defaulttime
})
和
$('input[data-role="time"]').timepicker({
showMeridian: true,minTime: '10:15',defaultTime: defaulttime
})
解决方法
>使用事件changeTime,
>检查当前时间,
>如果时间设定最小
>检查当前时间,
>如果时间设定最小
http://jsfiddle.net/j3kf2p2e/
$('#timepicker').timepicker({
showMeridian: true,}).on('changeTime.timepicker',function(e) {
var h= e.time.hours;
var m= e.time.minutes;
var mer= e.time.meridian;
//convert hours into minutes
m+=h*60;
//10:15 = 10h*60m + 15m = 615 min
if(mer=='AM' && m<615)
$('#timepicker').timepicker('setTime','10:15 AM');
});