启动日期选择器beforeShowDay只有在第一次点击后才能工作

Bootstrap datepicker beforeShowDay works only after first click

本文关键字：工作 第一次 选择器 日期 beforeShowDay 启动      更新时间：2023-09-26

我在表单中包含了引导程序日期选择器。beforeShowDay（）只有在第一次单击日期或上个月箭头（>>）后才能工作。你能帮我把它打开吗。

这是我试过的代码。

    $(document).ready(function(){
            $('#ReportFromDate').datepicker({
                autoclose:true,
                endDate: new Date(),
                format: "mm/dd/yyyy",
                language : 'pt-BR'
            }); 

            $('#ReportToDate').datepicker({
                autoclose:true,
                beforeShowDay: function (date) {
                    var endDate1 = new Date();
                    var startDate1 = new Date($('#ReportFromDate').val());
                    console.log("new "+ startDate1 +" "+endDate1);
                    if (date.valueOf() <= endDate1.valueOf() && date.valueOf() >= startDate1.valueOf()) {
                        return (date.valueOf() <= endDate1.valueOf() && date.valueOf() >= startDate1.valueOf());
                    } else {
                        return false;
                    }
                },
                format: "mm/dd/yyyy"
            });
   });

我会在日期选择器本身之外添加函数。代码的执行顺序以及计算日期所需的值可能存在问题。

这里有一些有用的解决方案/示例。

相关文章：