Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 是否更改日历中每天的背景?_Css_Fullcalendar - Fatal编程技术网

Css 是否更改日历中每天的背景?

Css 是否更改日历中每天的背景?,css,fullcalendar,Css,Fullcalendar,我正在使用完整的日历API来显示一个带有reactjs的日历,一切正常,现在我正在尝试使用css为一个月内的每个日期添加不同的背景 注意:颜色可以是任何颜色,只是每个日期不同 这是我到目前为止所拥有的 CSS 如果是,有可能实现我想要的吗?如何实现?我将感谢您的帮助,谢谢我只是猜测一下具体的问题是什么,因为您没有澄清您尝试过的代码中到底出了什么问题,但通过我自己的尝试,我假设问题是您无法使今天的日期显示为红色 如果是这样,那么这是一个简单的解决方案: 1) 使用fc day类专门针对今天(而不是

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

注意:颜色可以是任何颜色,只是每个日期不同

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

CSS


如果是,有可能实现我想要的吗?如何实现?我将感谢您的帮助,谢谢

我只是猜测一下具体的问题是什么,因为您没有澄清您尝试过的代码中到底出了什么问题,但通过我自己的尝试,我假设问题是您无法使今天的日期显示为红色

如果是这样,那么这是一个简单的解决方案:

1) 使用
fc day
类专门针对今天(而不是适用于所有日期的
fc day
),以及

2) 使用
!重要信息
,因此它会覆盖fullCalendar始终在当天放置的默认“今日”突出显示

.fc-today{
  background-color: red !important;
}

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

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

现场演示:

希望您至少尝试自己编写此代码。我建议你做一些,或者通过谷歌,或者通过搜索,尝试一下。如果您仍然有问题,请返回您的代码并解释您尝试了什么。@Paulie_D我已经添加了我从文档中了解到的内容,那么您希望我添加什么?我希望每天在monthOk中使用不同的背景色。这一点也不清楚。你如何决定哪一天用哪种颜色?你的问题甚至没有包括任何关于你想要什么颜色的信息!你应该更新你的问题,使其更加清晰和详细。你展示的CSS几乎没有什么关系,如果有的话。谢谢,但是你还没有告诉我们你在哪一天想要哪种颜色。我们编造没有意义,我们需要一份清单。此外,对于不属于当前月份的日期(有时会出现在月视图中的任意一端),应该按照其编号进行着色,还是不着色?P.S.提示:每个日期单元格都有一个数据属性,如
data date=“2020-03-12”
,显示它所代表的日期。另一个提示:阅读以下内容:。也许你现在可以自己想办法解决这个问题了?我说的只是随机的颜色,每个日期都不一样
.fc-today{
  background-color: red !important;
}

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

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