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?
Respuesta
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
- 1. Obteniendo el día del día actual en PHP
- 2. Vim: Establecer color/Tema según la hora del día
- 3. ¿Cómo encontrar el día actual del año en PHP?
- 4. Fullcalendar - límite seleccionable en un solo día
- 5. ¿Cómo dividir un solo día en la columna en fullcalendar?
- 6. ¿Cómo obtengo el primer día del mes actual?
- 7. ¿Cómo puedo comprobar si el día actual es día laborable
- 8. Obtener el color actual
- 9. ¿Cómo establecer el color del texto en el botón Enviar?
- 10. Primer y último día del mes actual
- 11. Establecer el color del texto global?
- 12. ¿Cómo establecer el color del título en ActionBarSherlock?
- 13. FullCalendar: ¿Cómo mostrar los nombres de día completo en la vista de mes en lugar del día predeterminadoNamesShort?
- 14. Cambiar el color de eventos pasados en Fullcalendar
- 15. ¿Cómo se edita el ancho del evento en FullCalendar?
- 16. ¿Cómo encontrar un día actual en el idioma c?
- 17. Cómo establecer el color del borde de ciertos widgets Tkinter?
- 18. Cómo establecer el color del texto "marcador de posición"?
- 19. cómo establecer el color de Jbutton
- 20. Calcular el último día en el trimestre ACTUAL
- 21. fullcalendar, cómo limitar el número de eventos por día en la vista de mes
- 22. Establecer el color del lapso de TextView en Android
- 23. Cambiar el origen del evento de Fullcalendar después del procesamiento
- 24. Fullcalendar no da color cuando se usa eventRender
- 25. Establecer color de fondo de formulario en el color personalizado
- 26. Cómo establecer el color de texto DataGridTextColumn?
- 27. ¿Cómo establecer el color de un botón?
- 28. ¿Cómo obtener el nombre del día actual usando una fecha particular en Android?
- 29. Mini Proyecto: Cambiar el color del terminal basado en la hora del día
- 30. Cómo establecer el color de fondo en CCLabelTTF en cocos2d
lo que estás hablando? – Neutralizer
Probablemente se esté refiriendo al widget "fullcalendar" de jQuery UI. –