我使用了以下链接中提供的timepicker插件，
https://fgelinas.com/code/timepicker/
我有开始时间和结束时间，并具有添加按钮。当用户单击添加按钮时，将出现另一个开始和结束时间文本框。在这些中，我按代码中的说明设置了时间范围。
但是在编辑过程中，我使用了以下代码，
$('.tpicker1').each(function () {
if ($(this).hasClass('hasTimepicker')) {
$(this).removeClass('hasTimepicker');
}
$(this).timepicker({
showLeadingZero: false,
onSelect: function( time, endTimePickerInst ) {
$(document).on('focus','.tpicker2', function(){
$(this).timepicker('option', {
minTime: {
hour: endTimePickerInst.hours,
minute: endTimePickerInst.minutes
}
});
});
},
minTime: {
hour: 10, minute: 00
}
});
});
$('.tpicker2').each(function () {
if ($(this).hasClass('hasTimepicker')) {
$(this).removeClass('hasTimepicker');
}
$(this).timepicker({
showLeadingZero: false,
onSelect: function( time, startTimePickerInst ) {
$(document).on('focus','.tpicker1', function(){
$(this).timepicker('option', {
maxTime: {
hour: startTimePickerInst.hours,
minute: startTimePickerInst.minutes
}
});
});
},
});
});
在此代码中，假设有4个时间选择器，即starttime1，endtime1，starttime2，endtime2等...。类tpicker1表示开始时间，tpicker2表示结束时间。如果选择starttime1，则endtime1会基于starttime1阻塞时间。选择starttime2和endtime2，然后转到starttime1，显示的starttime的最大时间是基于endtime2而不是endtime1的。帮助我解决此问题.....
像这样的东西，我提供了一个非常基本的解决方案，如果您想根据需要传递多个参数
这可以用很多方式来写。如果您不需要该功能，只需将其内联
function restricEndtime(id)
{
now you have the id here
do whatever you want to do here
}
你点击这样的开始时间
$('.tpicker1').click(function(){
restricEndtime($(this).attr('id'));
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句