jquery 是否可以在每月的完整日历显示中为周末设置不同的颜色

bq9c1y66  于 2023-03-22  发布在  jQuery
关注(0)|答案(5)|浏览(180)

当查看每月或每周视图时,如何将周末设置为不同的颜色。

q9rjltbz

q9rjltbz1#

我认为对于FullCalendar的情况,你只需要为现有的CSS类指定一些CSS:

.fc-sat { color:blue; }
.fc-sun { color:red;  }
lo8azlld

lo8azlld2#

我用它来灰色周末。

.fc td.fc-sun, .fc td.fc-sat { background-color:#dddddd; }
ej83mcc0

ej83mcc03#

如果我们只想在周末而不是周五着色,我试过这个。}

.fc-sat {
    background-color: #e4e4e4;
    color:
}

.fc-sun {
    background-color: #e4e4e4;
}

对于完整日历

8e2ybdfx

8e2ybdfx4#

如果有人遇到这种情况,最新版本的FullCalendar有以下样式:

/* Highlight the weekends */
.fc-day-sat, .fc-day-sun {
    background-color: #e4ece4;
}

现在是“fc-day”,前面是一天。

bjp0bcyl

bjp0bcyl5#

显然,这完全取决于你的HTML,但假设你使用的是一个类为calendar的表,右边是周末:

$('table.calendar > tbody > tr > td:nth-child(-n+2)').addClass('weekend');

-n+2选择每一行的最后2个单元格。weekend是一个类,所以在你的CSS中你会有这样的东西:

.weekend { color: #00f; }

(If你的HTML是不同的,然后用更好的描述和代码更新你的问题。

相关问题