Einstellen der Hintergrundfarbe Vollkalenderzelle

Question

Ich habe mehrere Themen gesehen, wie man die Hintergrundfarbe einer Zelle im Vollkalender einstellt, aber keine von ihnen hat für mich funktioniert. Ich schätze, dass der Kalender die Tage mit dem Datum als .fc-day5 oder .fc-day17 angibt, aber in Version 1.6.2 nicht mehr.

Ich habe eine Liste von mehreren Ereignissen, die gerendert werden, und ich möchte ihre Zellfarbe (die gesamte Tageszelle, nicht nur die Ereigniszelle) auf eine bestimmte Farbe einstellen.

Ich benutze ‚eventRender‘, um zu versuchen, eine Klasse zu setzen

eventRender: function (event, element, monthView) { 
       if (event.className == "holiday") { 
        $day = $date.getDate(); 
        $("td.fc-day-number[value='" + $day + "']").addClass("holiday"); 
       } 
      }, 

Lassen Sie mich wissen, wenn Sie eine Idee haben, wie die Hintergrundfarbe zu setzen.

Answer 1

Nun, Sie können dies tun.

{ 
    title: 'Some title', 
    start: new Date(2014, 8, 24, 10, 30), 
    allDay: false, 
    editable: false, 
    backgroundColor: '#SomeColor', 
    borderColor: '#SomeColor' 
}, 
{ 
    title: 'Some title2', 
    start: new Date(2014, 8, 24, 10, 30), 
    allDay: false, 
    editable: false, 
    backgroundColor: '#SomeColor2', 
    borderColor: '#SomeColor2' 
} 

Darüber hinaus können Sie Klassennamen wie folgt festgelegt:

{ 
    title: 'Teste1', 
    start: new Date(y, m, d, 10, 30), 
    allDay: false, 
    editable: false, 
    className: ["red"] 
}, 
{ 
    title: 'Teste1', 
    start: new Date(y, m, d, 10, 30), 
    allDay: false, 
    editable: false, 
    className: ["green", "secondClass"] 
} 

beschreiben dann, dass Stil der Klasse

<style> 

.red { 
    background-color:red; 
} 

.green { 
    background-color:green; 
} 
.green{ 
// do something 
} 
</style> 

Answer 2

Sie können versuchen, die Ereignishintergrundfarbe festzulegen. Etwas wie folgt aus:

event.backgroundColor = 'cccccc#'; 

Oder Zelle Hintergrund:

$('.fc-day[data-date="' + date + '"]').css('background', color); 

date müssen Datumszeichenfolge entsprechen Y-m-d Datumsformat PHP. Style muss geändert werden, wenn der Kalender gerendert wurde.