jquery - Bootstrap 日期选择器，每月动态禁用日期

Question

我可以通过以下方式禁用日期:

$('#datepicker').datepicker({
    todayHighlight: true,
    datesDisabled: ['03/06/2017', '03/21/2017','04/14/2017']
});

但在我的用例中，由于您可以通过日历查看全年，因此我可以在 2017 年 365 天中禁用 300 天，在 2016 年 365 天中禁用 200 天。

我想要优化，想象一下 5 年后，他可以有 2500 个禁用天数来加载。有人知道如何动态地执行此操作，我的意思是，每次更改当前月份时。

或者其他方法可以做到这一点？

Answer 1

在 changeMonth、changeYear、changeDecade 或 changeDecade 中使用任何 set* 方法(例如 setDatesDisabled) changeCentury 事件将触发更新，这将导致选择器恢复到当前查看日期发生的月份。

要防止这种情况，您只需启动选择器，并将 updateViewDate 选项设置为 false。

$('#datepicker').datepicker({
  todayHighlight: true,
  updateViewDate: false,
  //datesDisabled: ['03/06/2017', '03/21/2017','04/14/2017']
}).on('changeMonth', function(e){
  var month = e.date.getMonth();
  var disabled = getDisabledDates(month);
  $('#datepicker').datepicker('setDatesDisabled', disabled);
});