javascript - jQuery 全日历 : How can I target and change the background color of the days that don't belong to the current month?

Question

我正在构建一个日历，显示给定月份的不同事件。我正在使用 jQuery fullcalendar .

每个月的每一天我都有特定的颜色。

为此，我使用了以下代码:

dayRender: function (date, cell) {
    var cellDate = date.format('D');
    cell.css('background-color', json_backgrundColor[cellDate]);      
},

json_backgrundColor[cellDate] 是一个包含每一天特定颜色的数组。cellDate 是一个整数(1-特定月份的月底 (28/29/30/31))。

我的问题是上个月和下个月的天数也受它影响。它们根据特定月份的值进行着色。

例如: - 上个月的第 29 天获取当月第 29 天的背景颜色 - 下个月的第 1 天获取当月第 1 天的背景颜色

看这张图:

[

我希望上个月/下个月的天数背景颜色为白色。 (见附图中标记的日子。它们不属于特定月份，我希望它们具有白色背景色)

有人知道我该如何定位他们并做到这一点吗？

Answer 1

当月以外的单元格获得 fc-other-month 类 - 所以您需要做的就是检查类，并且只在没有的单元格上工作'拥有它:

dayRender: function(date, cell) {
  if(!cell.hasClass('fc-other-month')) {
    cell.css('background-color', 'blue'); // or whatever
  }
}