FullCalendar 日期文本颜色未更改（不是事件文本）

Question

我正在使用 fullcalendar（版本 3.6.2）并将 bootstrap3 设置为 themeSystem。在用户触发一些计算后，我想更新日历。某个日期会有新的背景颜色（例如 DarkRed）并且（日期的）文本颜色需要为白色才能可见。

这是我最初做的：

$('#calendar').fullCalendar('option', 'dayRender', function (date, cell) {
    if (date.local().isSame(moment(newDate))) {
        cell.css("background-color", "DarkRed");
        cell.css("color", "white");
    }
});

"newDate"是Moment中计算出来的日期

背景颜色正确更改。但是，文本颜色不会变为白色。

然后我检查了单元格，发现日期在另一个 div 上。它显示在 fc-content-skeleton。

如何为此更改 CSS color？

Answer 1

知道了！感谢朋友指点。

如上，我们已经知道要更改的单元格的日期。我们已经可以更改 background-color。要在 fc-content-skeleton 中获得正确的 <td>，我们发现使用 [data-date] 属性。

$('td').find("[data-date='" + newDateShort + "']") 将给出正确的 <td>，其中 newDateShort 是 yyyy-mm-dd 格式的日期。

因此，我们改变它的颜色。

$('td').find("[data-date='" + newDateShort + "']").css("color", "white");

FullCalendar 日期文本颜色未更改（不是事件文本）

FullCalendar Date Text Color Not Changing (Not Event Text)

jquery

fullcalendar

fullcalendar-3