Vollkalander ändern Hintergrund der Zelle für vorherige und frühere Datum

Question

Ich möchte verschiedene Hintergrundfarbe der Zelle im Vollkalander anzeigen. Ich habe versucht,

 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"); 
     } 
    } 

zu bekommen, aber dispaly alle vorherige Farbe mit blau ich will nur eine wie kann ich das tun?

Answer 1

Hier haben Sie nur überprüfen Sie Ihren Vergleich mit Daten

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"); 
        } 


      } 

In Ihrem Code Start- und prevous Variablen unsued es so entfernen

Hier werden alle Daten in der Vergangenheit haben gelbe Farbe und zukünftige Termine habe blaue Farbe.

fullcalender.js bietet fc-Vergangenheit und fc-Zukunft Klassen in Zellen, so können Sie die Farbe Wanne css ändern wie ::

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

Answer 2

Sie können den folgenden Code verwenden, um den Hintergrund der Zelle mit einem Ereignis hervorzuheben.

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

}