我正在使用 Timepicker 到 jQuery UI Datepicker https://trentrichardson.com/examples/timepicker/
jQuery('#element').datetimepicker({
dateFormat: "dd/mm/yy",
timeFormat: "H:m",
onSelect: function (selectedDateTime){
},
beforeShowDay: function(date) {
}
});
现在我想在时间选择器中只允许 08:00 和 10:00,我该怎么做?
谢谢
最佳答案
根据提供的文档,您必须使用 2 个属性 minTIme
和 maxTime
。像这样:
<input type='text' class='timepicker' />
$('.timepicker').timepicker({
timeFormat: 'h:mm p',
interval: 60,
minTime: '08:00',
maxTime: '10:00',
defaultTime: '9',
startTime: '80:00',
dynamic: false,
dropdown: true,
scrollbar: true
});
===编辑===
在这种情况下,我建议您为这个时间选择器创建 change
处理程序,并在输入错误时间时将其值设置为默认值。
$('.timepicker').timepicker({
timeFormat: 'h:mm p',
interval: 60,
minTime: '08:00',
maxTime: '10:00',
defaultTime: '9',
startTime: '80:00',
change: function(time) {
debugger;
if (time.getMinutes() !== 0) {
alert('Wrong value');
$('.timepicker').val('08:00');
}
}
});
关于javascript - 在 jQuery Ui Timepicker 中设置允许时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57307875/