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

标签 javascript jquery html fullcalendar

目前我正在为我的项目使用 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;
}

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

最佳答案

您可以使用以下 CSS

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

关于javascript - 如何为周末着色而不是隐藏在完整的日历中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34554562/

相关文章:

jquery - 按名称引用 JSON 对象

javascript - 如何创建一个包含自动完成框的模式弹出窗口来选择一个条目?

javascript - 如何禁用 HTML/JS 中的 STYLE 元素?

javascript - 如何在javascript正则表达式中第一次转义第二个捕获组

javascript - Owl Carousel 可以工作,但在 Rails 4 应用程序中表现得非常奇怪

javascript - 使用 javascript 获取复选框数量

javascript - 选项[options.length] 不起作用

javascript - jquery - 如何通过 html 正文中的脚本区分用户操作和操作?

javascript - 在 jenkins 中 webpacked 的 config.js 中八达通变量替换的策略

javascript - 从 JQuery 内部调用 PHP 函数 file_put_contents