Jquery UI DateTimePicker 将 3 天添加到当前日期，并使用 dp.change 方法禁用 dat

Question

所以，在对堆栈溢出进行大量搜索后，我还没有为下面的代码找到更好的解决方案。我的实际问题是，我有日期时间选择器，我想在datePickerStart中添加 3 天并禁用它的过去日期，还有dp.change我希望当前日期的 3 天显示在下一个日期时间选择器中，这是datePickerEnd并禁用它的过去和未来日期，除了添加的 3 天。我的意思是说只在下一个选择器中显示 3 天。例如，如果用户选择 12 个日期，则它应该在下一个选取器中显示 12 到 14 个日期，如果用户选择第 21 个日期，那么它应该在下一个选取器中显示 21 到 23 个日期，依此类推。按照我编写的代码，该代码工作正常，但不适用于上述功能。

$('.datePickerStart').datetimepicker({
format: 'DD-MM-YYYY',
minDate: new Date()
}).on('dp.change', function(e){
var parent = $($(this).parents('.row')[0]),
endDate = parent.find('.datePickerEnd');
endDate.data("DateTimePicker").minDate(e.date).show();
});
$('.datePickerEnd').datetimepicker({
format: 'DD-MM-YYYY',
minDate: new Date(),
useCurrent: false
}).on('dp.change', function(e){
var parent = $($(this).parents('.row')[0]),
startDate = parent.find('.datePickerStart');
startDate.data("DateTimePicker").maxDate(e.date);
});

任何帮助将不胜感激。提前谢谢。

Answer 1

希望这有帮助！

$(function() {
$('.datePickerStart').datetimepicker({
minDate: new Date()
});
$('.datePickerEnd').datetimepicker();
$(".datePickerStart").on("dp.change", function(e) {
$('.datePickerEnd').data("DateTimePicker").minDate(e.date);
var dt = new Date(e.date);
dt.setDate(dt.getDate() + 2);
$('.datePickerEnd').data("DateTimePicker").maxDate(dt);
});
});

小提琴