我正在使用boostrap-datetimepicker插件,在我的页面上,我有2个链接的选择器(分别名为startPicker和endPicker),我通过其选项配置了两个选择器,不允许将来的日期,但是我有一个startPicker,应仅允许选择过去的日期不包括今天,我有一个endPicker,它应该只允许选择过去的日期,包括从选定的startPicker的日期开始的今天。通过配置endPicker,用户可以选择比在startPicker中选择的日期低的日期。有没有办法在startPicker中获取选定的日期?
$(function (){
const yesterdayDate = new Date();
yesterdayDate.setDate(yesterdayDate.getDate() - 1); //Yesterday date
$('#startPicker').datetimepicker({
maxDate: yesterdayDate,
});
$('#endPicker').datetimepicker({
minDate: yesterdayDate,
maxDate: new Date()
});
});
最佳答案
您可以使用:
$('#endPicker').datetimepicker({
minDate: yesterdayDate,
maxDate: new Date()
});
$('#Startpicker').on('dp.change', (selected) => {
$('#endPicker').data("DateTimePicker").minDate(selected.date);
})
此代码监视对startPicker的更改,然后更新endPicker的minDate。
希望这会有所帮助。