изменить фон каждого дня в календаре?

Question

Я использую полный календарь API для отображения календаря с reactjs все работает нормально, сейчас я пытаюсь добавить различный фон для каждой даты в месяце, используя css.

Примечание: цвет может быть разным для каждой даты

Вот что у меня есть до сих пор;

CSS

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

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

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

Возможно ли это добиться того, чего я хочу, если да, как? Буду признателен за любую помощь спасибо

Answer 1

Я догадываюсь немного о том, в чем конкретно заключается проблема c, потому что вы не выяснили, что именно не так, именно в коде, который вы пробовали, но, попробовав его самостоятельно, я предполагаю, что проблема заключается в что вы не можете сделать, чтобы сегодняшняя дата отображалась красным?

Если это так, то это простое исправление:

1) используйте класс fc-today для нацеливания специально сегодня (вместо fc-day, который применяется ко всем дням) и

2) используется !important, поэтому он переопределяет стандартное выделение "сегодня", которое fullCalendar всегда помещает в текущий день.

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

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

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

Демонстрационная версия: https://codepen.io/ADyson82/pen/RwPBxvo