我正在使用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。

希望这会有所帮助。

09-19 03:35