Bootstrap datepicker datesdisabled 在通过 ajax 提供数组时不起作用

Question

我正在通过 ajax 获取日期。我想在我的日期选择器上禁用这些日期。但是参数 datesDisabled 在我的代码中根本不起作用。它总是显示日期选择器而不禁用任何日期。下面是我的 jquery 代码：

$(document).ready(function() {

    $("#people").blur(function() {
                var people = $("#people").val();
                if(people == "" || people == 0)
                    {
                        $("#people-error").html("Please enter number of people.");
                        return false;
                    }
                var experience_uid = $("#experience_uid").val();
                var req_url = "' . site_url() . '/wp-content/plugins/visitnorth/visitnorth.php";
                var ajax_req_for_schedule = 1;



               $.ajax({
                    async:false,
                    "type": "POST",
                    "url": req_url,
                    "data": {"people":people, "experience_uid":experience_uid, "ajax_req_for_schedule":ajax_req_for_schedule},
                    statusCode: {
                        404: function() {
                            alert("Oj, någonting gick fel. Försök igen.");
                        },
                        500: function() {
                            alert("Oops! An Internal Error has occurred.");
                        },
                    },
                    success: function (data) {
                       //output data is: ["11-08-2017, 11-05-2017, 11-03-2017"]
                       $(".datepicker").datepicker({
                            todayHighlight: true,
                            datesDisabled: data
                        });

                    }
                });

               });

            });

Answer 1

要禁用某些特定日期，您可以覆盖将为每个日期调用的方法 (beforeShowDay)，并且您可以 return css class:

beforeShowDay: 函数（日期）{

                    if (date<minDate || date > maxDate) {
                        return 'invalid_date_datepicker';
                }
            }`

在上面的例子中，invalid_date_datepicker 是一个 css class，它使区域变灰。

如果您还希望那些灰色日期不是 select ，您还可以覆盖 onSelect 并将其限制为 select 对于 class 已被应用。

Bootstrap datepicker datesdisabled 在通过 ajax 提供数组时不起作用

Bootstrap datepicker datesdisabled not working when giving array via ajax

ajax

jquery

bootstrap-datepicker