Question

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

我尝试设置datetime数组并在“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]

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

1 个答案: