如何在多个实例中重复使用此代码？

debugcn 发表于 Dev

鲈鱼

我正在使用此代码在两个输入（开始时间和结束时间）中设置时间间隔。它工作得很好，但我想允许用户创建任意数量的时间选择器对。我可以使用 tpStartSelect(this) 或类似方式发送当前时间选择器，以便为每个时间选择器对重新使用 tpStartSelect/tpEndSelect 吗？如果那有意义的话。

$('.start_time.timepicker').timepicker({
    onSelect: tpStartSelect
});
$('.end_time.timepicker').timepicker({
    onSelect: tpEndSelect
});

function tpStartSelect( time, endTimePickerInst ) {
   $('.end_time.timepicker').timepicker('option', {
       minTime: {
           hour: endTimePickerInst.hours,
           minute: endTimePickerInst.minutes
       }
   });
}

function tpEndSelect( time, startTimePickerInst ) {
   $('.start_time.timepicker').timepicker('option', {
       maxTime: {
           hour: startTimePickerInst.hours,
           minute: startTimePickerInst.minutes
       }
   });
}

（ timepicker() 的实际插件代码在此页面上，我正在使用底部的示例 4 https://fgelinas.com/code/timepicker/）

谢谢！

鲈鱼

它不是很漂亮，但这是我想要的（row_no 随着用户添加更多而增加）。谢谢大家。

$('.start_time-'+row_no).timepicker({
    onSelect: tpStartSelect
});
$('.end_time-'+row_no).timepicker({
    onSelect: tpEndSelect
});

function tpStartSelect( time, endTimePickerInst ) {
   $('.end_time-'+row_no).timepicker('option', {
       minTime: {
           hour: endTimePickerInst.hours,
           minute: endTimePickerInst.minutes
       }
   });
}

function tpEndSelect( time, startTimePickerInst ) {
   $('.start_time-'+row_no).timepicker('option', {
       maxTime: {
           hour: startTimePickerInst.hours,
           minute: startTimePickerInst.minutes
       }
   });
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。