Ich baue einen Kalender, der verschiedene Ereignisse für einen bestimmten Monat zeigt. Ich benutze jQuery fullcalendar.jQuery fullcalendar: Wie kann ich die Hintergrundfarbe der Tage, die nicht zum aktuellen Monat gehören, gezielt einstellen und ändern?
Ich habe eine bestimmte Farbe für jeden Tag des Monats.
Dafür verwende ich den folgenden Code:
dayRender: function (date, cell) {
var cellDate = date.format('D');
cell.css('background-color', json_backgrundColor[cellDate]);
},
json_backgrundColor[cellDate]
ein Array ist, die für jeden Tag, um die spezifische Farbe enthält. cellDate
ist eine ganze Zahl (1 Ende des spezifischen Monats (28/29/30/31)).
Mein Problem ist, dass die Tage des vorherigen Monats und des nächsten Monats auch davon betroffen sind. Sie werden entsprechend den Werten des jeweiligen Monats gefärbt.
zB: - Tag 29 des Vormonats wird immer die Hintergrundfarbe des Tages 29 der aktuelle Monat - 1. Tag des nächsten Monats wird die Hintergrundfarbe des Tages bekommt 1 des aktuellen Monats
Siehe Bild:
[
ich die Hintergrundfarbe von Tagen will vom vorherigen/nächsten Monat wird weiß sein. (siehe die markierten Tage im Bild angehängt. Sie gehören nicht zu dem bestimmten Monat und ich will, dass sie mit weißer Hintergrundfarbe sind)
Jeder weiß, wie kann ich sie zielen und es tun?
Überprüfen Sie, welche Klassen diese Zellen haben, und ob es einen Unterschied zwischen Zellen für Tage in der aktuellen vs anderen Monaten gibt. – CBroe
Ich denke, ich sollte in Javascript schreiben 2 "wenn" s. DayRender: Funktion (Datum, Zelle) { var cellDate = Datum.format ('D'); if (Datum lastDayOfCurrentMonth) { cell.css ('Hintergrundfarbe', weiß); } sonst { cell.css ('Hintergrundfarbe', json_backgrundColor [cellDate]); } }, das Problem ist, dass ich nicht weiß, wie man es in Javascript schreibt. Kann jemand helfen? –
codingnighter2000
Nein. Wenn, das überprüft die Zellen-Klasse. – CBroe