Как установить цвет текущего дня в FullCalendar?

Question

Я хотел бы изменить цвет текущего дня, но только когда календарь находится в режиме просмотра дня.Мои пользователи говорят, что им трудно видеть линии или что-то в этом роде.Я просмотрел документацию, а также css / js и не нашел быстрого способа сделать это.Возможно ли это даже без серьезных изменений кода?

Answer 1

Честно говоря, я не совсем понимаю, о чем вы, но виджет jQuery UI fullcalendar использует CSS-класс .fc-today для стилизации текущего дня. Если ваши изменения не видны, попробуйте использовать !important - возможно, один из многих других классов переопределяет ваши стили в других местах.

Answer 2

Вы можете использовать следующий код

.fc-today {
    background: #FFF !important;
    border: none !important;
    border-top: 1px solid #ddd !important;
    font-weight: bold;
} 

Answer 3

Если вы не используете тему, это работает для меня, используя FullCalendar 2.3.1

.fc-unthemed .fc-today {
  background: ....;
}

Answer 4

У меня было несколько календарей, так что это сработало:

#calendar .fc-today {
    background: #FFF !important;
}

#calendar-two .fc-today {
    background: #FFF !important;
}

Использование #calendar-favorite .fc-unthemed .fc-today { ... } не сработало, поэтому не забудьте удалить часть .fc-unthemed.

Также проверьте способ jquery: https://stackoverflow.com/a/17930817/1066234, используя dayRender

Answer 5

для меня это было .ui-state-highlight.fc-today

Answer 6

Чтобы изменить цвет / фон текущего дня fullcalendar в дневном обзоре, добавьте следующий класс CSS и убедитесь, что он загружается после всех стилей CSS.

Answer 7

Эта работа для меня в FullCalendar 3.6.1

#calendar-id .fc-widget-content:not(.fc-axis) {
       background: #FFF !important;
}