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

Question

我正在使用 boostrap-datetimepicker 插件，在我的页面上我有 2 个链接的选择器（名为 startPicker 和 endPicker）我有通过他们的选项配置两个选择器不允许未来日期，但我有一个 startPicker 应该只允许 selection 过去的日期不包括今天，我有一个 endPicker 应该只允许 selection 过去从 selected startPicker 的日期开始的日期，包括今天。通过对 endPicker 的配置，用户可以 select 日期低于 startPicker 中的 selected 日期。有没有办法在 startPicker 中获取 selected 日期？

 $(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。

希望这对您有所帮助。

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

Linked DateTimepickers should not allow certain dates

javascript

datetimepicker