Bootstrap 3 DateTimePicker v4禁用月份

Question

我正在使用Bootstrap 3 DateTimePicker v4 。 我的日歷設置為“月” viewMode，“ MM / YYYY”格式和內聯。 我正在嘗試創建一個可能禁用了幾個月的月/年選擇器，具體取決於預訂系統的可用性。 我可以在月視圖中禁用單個日期，但不能禁用整個月。 我很好奇，是否有人曾經嘗試過？

這是我的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');
        }
    });
}

Answer 2

我想出了類似的解決方案，這是一般要點。 （我在底部也有一個工作示例）

var year = [],
    yearWatch = 2015;

Year[2015] = ["Jan", "Feb", "Sep", "Dec"];
Year[2016] = ["Apr", "May", "Oct", "Nov"];

disableFromVar = function() {
  $('#txtCalendar .month').removeClass('disabled');
  $('#txtCalendar .month').each(function(i, v) {
    if (jQuery.inArray($(v).html(), Year[yearWatch]) > -1) {
      $(v).addClass('disabled');
    }
  });
}

http://jsfiddle.net/link2twenty/5psu9tf8/