Fullcalender更改以前和過去日期的單元格背景

Question

我想在fullcalender中顯示單元格的不同backaground顏色。我試圖得到

 dayRender: function (date, cell) { 
    var today = new Date(); 
    var start = moment(today).format('YYYY-MM-DD'); 
    var end = new Date(); 
    var prevous = new Date(); 
    end.setDate(today.getDate()+1); 


     if(date > today && date <= end) { 
     cell.css("background-color", "yellow"); 
     } // this is for previous date 

     if(date > today && date >= prevous) { 
     cell.css("background-color", "blue"); 
     } 
    } 

但顯示所有以前的顏色與藍色我只想要一個我怎麼能做到這一點？

Answer 1

在這裏，你只檢查的日期

dayRender: function (date, cell) { 

       var today = new Date(); 
       var end = new Date();     
       end.setDate(today.getDate()-1);     


        if(date < end) { 
        cell.css("background-color", "yellow"); 
        } // this is for previous date 

        if(date > today) { 
        cell.css("background-color", "blue"); 
        } 


      } 

在你的代碼開始和prevous變量的比較是unsued因此將其刪除

在這裏，所有過去的日期有黃色和未來的日期有藍色。

fullcalender.js提供FC-過去和細胞FC-未來類，所以像::

.fc-past{ background-color : yellow } .fc-future{ background-color : blue } 

Answer 2

您可以使用下面的代碼來突出顯示具有事件的單元格的背景。

eventRender: function(event, element) { 
     var date = moment(event.start).format('YYYY-MM-DD'); 
     $('.fc-day[data-date="' + date + '"]').css('background', '#4CB5E5'); 

}