Javascript 议程视图和agendaWeek的Fullcalendar v2 dayRender

Javascript 议程视图和agendaWeek的Fullcalendar v2 dayRender,javascript,jquery,calendar,fullcalendar,Javascript,Jquery,Calendar,Fullcalendar,在FullCalendar的版本2中,我需要dayRender回调,我想更改disable day的颜色 此回调仅适用于月视图、基本周视图和基本日视图。。但我需要回电话给agendaWeek和agenda 对于dayRender,您有其他选择或答案吗 我试试这个: dayRender: function(date, cell){ if (date > maxDate){ $(cell).addClass('disabl

在FullCalendar的版本2中,我需要dayRender回调,我想更改disable day的颜色

此回调仅适用于月视图、基本周视图和基本日视图。。但我需要回电话给agendaWeek和agenda

对于dayRender,您有其他选择或答案吗

我试试这个:

        dayRender: function(date, cell){
            if (date > maxDate){
                $(cell).addClass('disabled');
                console.log("ok");
            }
        }
我的看法呢

       views: {
          agendaSix: {
              type: 'agenda',
              duration: { days: 6 },
              buttonText: '5 day',
          },
          agendaFive: {
              type: 'agenda',
              duration: { days: 5 },
              buttonText: '4 day'
          },
          agendaFour: {
              type: 'agenda',
              duration: { days: 4 },
              buttonText: '3 day'
          },
      },

      defaultView: 'agendaWeek'

多谢各位

您可以在dayRender期间找到议程时段的单元格并为其着色。如果未来fullCalendar的内部结构发生变化,请注意可能会出现的故障


对于agendaWeek,仅当allDaySlot设置为true时才会触发dayRender调用。如果将allDaySlot设置为false,则不会调用dayRender。

找到解决方案了吗?已确认-但不明白原因
var maxDate = moment();

$('#calendar').fullCalendar({
  defaultView: 'agendaWeek',
  header: {
    left: 'basicWeek, agendaWeek, agendaSix, agendaFive, agendaFour',
    middle: 'title',
    right: 'prev, next'
  },
  dayRender: function(date, cell) {
    if (date > maxDate) {
      $(cell).addClass('disabled');
      /* This may break in future versions? */
      var $td = $('div.fc-bg > table > tbody > tr > td[data-date="' + date.format('YYYY-MM-DD') + '"]');
      $td.addClass('disabled');
      console.log("ok");
    }
  },
  views: {
    agendaSix: {
      type: 'agenda',
      duration: {
        days: 6
      },
      buttonText: '5 day',
    },
    agendaFive: {
      type: 'agenda',
      duration: {
        days: 5
      },
      buttonText: '4 day'
    },
    agendaFour: {
      type: 'agenda',
      duration: {
        days: 4
      },
      buttonText: '3 day'
    },
  }
});