链接的DateTimepickers应该不允许某些日期

Question

我使用的是boostrap-datetimepicker插件，在我的页面上，我有2个链接的选择器（分别名为 startPicker 和 endPicker ），我没有通过其选项配置两个选择器允许将来的日期，但是ia有一个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()
            });

 });

Answer 1

您可以使用：

$('#endPicker').datetimepicker({
    minDate: yesterdayDate,
    maxDate: new Date()
});

$('#Startpicker').on('dp.change', (selected) => { 
    $('#endPicker').data("DateTimePicker").minDate(selected.date);
})

此代码监视对startPicker的更改，然后更新endPicker的minDate。

希望这会有所帮助。