Javascript 议程视图和agendaWeek的Fullcalendar v2 dayRender
在FullCalendar的版本2中,我需要dayRender回调,我想更改disable day的颜色 此回调仅适用于月视图、基本周视图和基本日视图。。但我需要回电话给agendaWeek和agenda 对于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
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'
},
}
});