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

Question

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

我尝试设置日期时间数组并在 "ShowBeforeDay" 事件中添加了 class。但是没用。

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 日期时间中的特定日期添加 class？

Answer 1

根据 the docs 你必须 return 一个数组，其中

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

因此，要修复您的代码，只需替换它的最后一部分：

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

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

Add class to specific days in Bootstrap Datetime picker after data receives from Ajax

jquery

twitter-bootstrap

bootstrap-datepicker