Me gustaría cambiar el color del día actual, pero solo cuando el calendario esté en la vista de la agenda del día. Mis usuarios dicen que están teniendo dificultades para ver las líneas o algo así. Revisé la documentación y los css/js y no encontré una forma rápida de hacerlo. ¿Es esto posible sin grandes cambios de código?¿Cómo establecer el color del día actual en FullCalendar?
Honestamente, realmente no sé de lo que estás hablando, pero el widget jQuery UI fullcalendar usa la clase CSS .fc-today para dar estilo al día actual. Si sus cambios no son visibles, intente utilizar !important - podría ser que una de las muchas otras clases anule sus estilos en otros lugares.
El día actual es amarillo, mientras que los demás días son blancos. Mis usuarios están teniendo dificultades para ver las líneas en la vista de la agenda diaria del día actual porque es amarillo. Lo siento, debería haber sido más específico y creo que eso solucionará mi problema. Puedo cambiar la propiedad css para .fc-today con jquery en la vista de la agenda diaria para el día actual y en la anterior cuando no esté en el día actual. Gracias! – Kirrilian
Para cambiar el color/fondo del día actual de fullcalendar en la vista diaria, agregue la siguiente clase de CSS y asegúrese de que esté cargada después de todos los estilos de CSS.
.fc-view-basicDay .fc-today {
color:....;
background:....;
}
Si no está utilizando un tema, esto funcionó para mí usando FullCalendar 2.3.1
.fc-unthemed .fc-today {
background: ....;
}
Funciona muy bien en la versión '2.9.0' –
.fc-bg .fc-state-highlight { \t \t background-color: # 009688! Important; \t \t \t} Lo usé para obtener el resultado correcto. Fullcalender versión 3.4.0 –
puede utilizar el código siguiente
.fc-today {
background: #FFF !important;
border: none !important;
border-top: 1px solid #ddd !important;
font-weight: bold;
}
Tenía varios calendarios, así que esto funcionó:
#calendar .fc-today {
background: #FFF !important;
}
#calendar-two .fc-today {
background: #FFF !important;
}
El uso de #calendar-favorite .fc-unthemed .fc-today { ... } no funcionó, así que recuerde quitar la pieza .fc-unthemed.
También puedes ver la forma en jQuery: https://stackoverflow.com/a/17930817/1066234 usando dayRender
lo que estás hablando? – Neutralizer
Probablemente se esté refiriendo al widget "fullcalendar" de jQuery UI. –