Ustawienie koloru tła komórki Fullcalendar

Question

Zobaczyłem kilka tematów dotyczących ustawiania koloru tła komórki w pełnym kalendarze, ale żaden z nich nie działał dla mnie. Przypuszczam, że w kalendarzu używane były dni, w których używa się ich daty jako .fc-day5 lub .fc-day17, ale w wersji 1.6.2 już nie.

Mam listę kilku zdarzeń, które są renderowane i chcę ustawić ich kolor komórki (komórka cały dzień, nie tylko komórka zdarzenia) na określony kolor.

używam „” eventRender spróbować ustawić klasa

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

Daj mi znać, jeśli masz jakiś pomysł, w jaki sposób ustawić kolor tła.

Answer 1

Cóż, możesz to zrobić.

{ 
    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' 
} 

Dodatkowo, można ustawić nazwę klasy tak:

{ 
    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"] 
} 

Następnie opisać ten styl klasy

<style> 

.red { 
    background-color:red; 
} 

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

Answer 2

Możesz spróbować ustawić kolor tła wydarzenia. Coś takiego:

event.backgroundColor = 'cccccc#'; 

Albo na tle komórkowej:

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

date musi być data równowartość ciąg php Y-m-d format daty. Styl musi się zmienić po wyrenderowaniu kalendarza.