javascript - 如何为周末着色而不是隐藏在完整的日历中？

Question

目前我正在为我的项目使用 FullCalendar 插件。有一个事件名称为“周末”。如果周末设置为 false，则周日和周六将隐藏。

但我希望指定周末的背景颜色而不是隐藏它。

这是我找到的插件中的js代码。

    if (this.opt('weekends') === false)
    {
       hiddenDays.push(0, 6); // 0=sunday, 6=saturday
       // $('.fc-fri').css('background', 'green');
       // alert($('.fc-fri').css('background'));

        //$('table.calendar > tbody > tr > td:nth-child(-n+2)').addClass('fc-fri').css('background', 'green');
        //$('.fc-sat').css('background-color', '#00FF00');
    }

    for (i = 0; i < 7; i++) {
        if (
            !(isHiddenDayHash[i] = $.inArray(i, hiddenDays) !== -1)
        ) {
            dayCnt++;
        }
    }

    if (!dayCnt) {
        throw 'invalid hiddenDays'; // all days were hidden? bad.
    }

    this.isHiddenDayHash = isHiddenDayHash;
}

通过注释代码，我尝试为周末着色。但我没有找到结果。如果有任何建议请帮助我解决问题。

Answer 1

您可以使用以下 CSS

.fc-sat, .fc-sun {
background-color: red !important;
}