从 Ajax 接收数据后，将类添加到 Bootstrap 日期时间选择器中的特定日期

Question

客户端从 ajax 接收数据后，我想在 Bootstrap 中为可用日期添加活动类。页面上的日历不是选择器。它总是在弹出后显示。

我尝试设置日期时间数组并在“ShowBeforeDay”事件中添加类。但它不起作用。

var active_dates = ["21/8/2017", "25/8/2017"];
            console.log('main page');
            $('#div_datetime').datepicker(
                {
                    format: "dd/mm/yyyy",
                    beforeShowDay: function (date) {
                        console.log("da..tata..ta");
                        var d = date;
                        var curr_date = d.getDate();
                        var curr_month = d.getMonth() + 1; //Months are zero based
                        var curr_year = d.getFullYear();
                        var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

                        if ($.inArray(formattedDate, active_dates) != -1) {
                            return {
                                classes: 'activeClass'
                            };
                        }
                        return;
                    }
                }
            );

从 Ajax 接收数据后，如何在 Bootstrap Datetime 中添加特定日期的类？

Answer 1

根据the docs，您必须返回一个数组，其中

[0] 是false（禁用日期）或true（启用日期）
[1] 要添加到此日期的类。

所以要修复你的代码，只需替换它的最后一部分：

if ($.inArray(formattedDate, active_dates) != -1) return [1, "activeClass"]
else return [0]