更改日历中每一天的背景?

时间:2020-03-20 10:07:41

标签: css fullcalendar

我正在使用完整的日历API来显示带有reactjs的日历,一切正常,现在我正尝试使用CSS向一个月中的每个日期添加不同的背景。

注意:每个日期的颜色可以不同

这是我到目前为止所拥有的;

CSS

.fc-day{
  background-color: red;
}

.fc-past{
  background-color: orange;
}

.fc-future{
  background-color: green;
}

如果可以,是否可以实现我想要的东西?感谢您的帮助

1 个答案:

答案 0 :(得分:0)

我在猜测具体问题是什么,因为您没有在尝试使用的代码中准确地弄清楚出了什么问题,但是我自己尝试一下,我假设问题是您可以不会使今天的日期显示为红色?

如果是这样,那就很简单:

1)使用//implementation 'androidx.appcompat:appcompat:1.1.0' implementation 'androidx.annotation:annotation:1.1.0'类专门针对今天(而不是fc-today适用于全天),并且

2)使用fc-day,因此它将覆盖默认的“今天”突出显示,fullCalendar始终在当日放置。

!important

实时演示:https://codepen.io/ADyson82/pen/RwPBxvo