Bootstrap 3 DateTimePicker v4禁用月份

我正在使用Bootstrap 3 DateTimePicker v4。我有日曆安裝在「月」viewMode，「MM/YYYY」格式和內聯。我正在嘗試創建一個可能禁用月份的月/年選擇器，具體取決於預訂系統的可用性。我可以禁用單個日期，但不能在月視圖中使用整個月份。我很好奇，如果有人曾經嘗試過這個？Bootstrap 3 DateTimePicker v4禁用月份

這裏是我的jsfiddle鏈接：http://jsfiddle.net/0Ltv25o8/2150/

來源

2015-12-08 Kris

你有沒有看着[本？]（http://stackoverflow.com/questions/32082524/disabling-months-in -bootstrap，日期選擇器） –

我最後寫的是經過幾個月循環，然後我可以添加一個類可用或禁用取決於與可用性個月的輸入陣列上的功能。這是代碼片段。

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'); 
     } 
    }); 
}

來源

2015-12-08 20:47:18 Kris

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

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/

來源

2015-12-09 13:12:16

Bootstrap 3 DateTimePicker v4禁用月份

回答

相關問題