我正在使用 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',
minuteStep: 1,
showInputs: true,
defaultTime: defaulttime
})
最佳答案
- 使用事件
changeTime
, - 检查当前时间,
- 如果时间少于设定最小值
$('#timepicker').timepicker({
showMeridian: true,
minuteStep: 1,
showInputs: 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');
});
关于jquery - 如何限制 Bootstrap 时间选择器的最短时间和最长时间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29716211/