bootstrap datepicker 在日历上获取用户当前月份

Question

使用https://bootstrap-datepicker.readthedocs.io/en/latest/

我的总体目标是在我选择的一个月内重新启动 beforeShowDay。现在我已经可以进行这种硬编码了，但我正试图掌握用户当前看到的月份。

加载日历时很容易，但之后我无法知道他们导航到的月份。然后我可以使用它从数据库中请求那几个月的数据。

我目前的重新启动解决方案是使用一个月的 onchange

$('.datepicker').on('changeMonth', function () {
    rebuildCalendarData();
});

很简单，但这会在当前月份构建另一个日历，并将原始日历转移到下个月。

我试过在重新加载之前销毁日历，但同样，我不知道他们选择了哪个月份。

我的最终想法是尝试从 HTML 标签中读取月份并使用它来获取我的数据，但是在日期标题中绑定这样的语句是行不通的，因为标题的获取是在日历重新加载之前执行，因此得到一个空元素。

$('.datepicker').on('changeMonth', function () {
    dateheading = document.getElementsByClassName("datepicker-switch").innerHTML;
    rebuildCalendarData();
});

有没有人尝试这样做成功了？我运行不知道如何让它工作。

我的日历数据在这里供参考

$('.datepicker').datepicker({
    autoclose: true,
    format: 'dd/m/yyyy',
    maxViewMode: 1,
    clearBtn: true,
    multidate: true,
    daysOfWeekDisabled: "0,6",
    beforeShowDay: function (date) {
        // Do stuff
    }
});

Answer 1

我想出了办法解决这个问题。我编辑了一些底层库代码并优化了日历。

bootstrap datepicker 在日历上获取用户当前月份

bootstrap datepicker get users current month on the calendar

bootstrap-datepicker