Fullcalendar v2 dayRender for agenda view和agendaWeek

Question

在Fullcalender的第2版中，我需要dayRender回调，我想更改禁用日的颜色。

此回调仅适用于month，basicWeek和basicDay views ..但是我需要为agendaWeek和议程调用回调。

你有任何替代或答案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' 

谢谢你很多！

Answer 1

您可以在dayRender中找到议程插槽的单元格并为它们着色。如果fullCalendar的内部将来发生变化 - 可能会破坏道路。

https://jsfiddle.net/vd67xj0k/

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

Answer 2

对于agendaWeek，如果allDaySlot被设置为true的DayRender只调用解雇。如果将allDaySlot设置为false，则不会调用dayRender。