javascript - Bootstrap 3 DateTimePicker v4 禁用月份

Question

我正在使用 Bootstrap 3 DateTimePicker v4 .我有“月” View 模式、“MM/YYYY”格式和内联的日历设置。我正在尝试创建一个可以禁用月份的月/年选择器，具体取决于预订系统的可用性。我可以禁用单个日期，但不能禁用月 View 中的整个月份。我很好奇之前是否有人尝试过此操作？

这是我的 jsFiddle 的链接:http://jsfiddle.net/0Ltv25o8/2150/

Answer 1

我最终编写了一个循环遍历月份的函数，然后我可以根据可用月份的输入数组添加可用或禁用的类。这是代码片段。

function DisableMonths(valid_months) {
    var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

    $('.month').each(function() {   
        var month = $(this).html()
        ,   index = +months.indexOf(month) + 1;

        var index_valid = valid_months.indexOf(index.toString());

        if (index_valid >= 0) {
            $(this).addClass('available').removeClass('disabled');
        }
        else {
            $(this).addClass('disabled').removeClass('available');
        }
    });
}