Bootstrap datepicker beforeShowDay仅在首次单击后才起作用

时间:2015-02-07 06:23:00

标签: javascript twitter-bootstrap datepicker

我在表单中包含了bootstrap datepicker。 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"
            });
   });

1 个答案:

答案 0 :(得分:0)

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

有一些有用的解决方案/示例here