fullcalendar - jquery Fullcalendar: 更改特定日期的颜色

我的项目需要更改某些天的背景色。它是一个日历,有些日期可用,有些日期不可用。

有没有办法操纵特定天的背景?

时间:


 dayRender: function(date, cell){


 if (moment().diff(date,'days') > 0){


 cell.css("background-color","silver");


 }


 },



对于那些希望更改日期颜色的人,在css中target .fc-past,并添加一个background-color属性,比如:


.fc-past {


 background-color: silver;


}



jQuery fullcalendar,全天红色(或其他任何颜色),那么用这个代码。


 var $calendar = $('#calendar').fullCalendar({


 header: {


 left: 'prev,next today',


 center: 'title',


 right: 'month,basicWeek,basicDay'


 },



 defaultView: 'month',



 dayRender: function (date, cell) {


 var check = $.fullCalendar.formatDate(date,'yyyy-MM-dd');


 var today = $.fullCalendar.formatDate(new Date(),'yyyy-MM-dd');


 if (check < today) {


 cell.css("background-color","red");


 }


 }


});



为什么不使用"data-date"属性?


$("#calendar").fullCalendar(function() {



 viewRender: function() {


 $("[data-date="+$.fullCalendar.formatDate(new Date(),"yyyy-MM-dd")+"]").css("background-color","red");


},



....



使用date参数比较特定日期:


$("#calendar").fullCalendar({


 dayRender: function (date, cell) {


 if (date.isSame('2016-08-04')) {


 cell.css("background-color","red");


 }


 }


});



http://momentjs.com/docs/#/query/is-same/

var calendar = $('#calendar').fullCalendar({ ... }


dayRender: function (date, cell) {


 var today = moment('2018-06-22T00:00Z');


 if (date.isSame(today,"day")) {


 cell.css("background-color","blue");


 }


 },



...