Vorrei cambiare il colore del giorno corrente ma solo quando il calendario è nella vista agenda giorno. I miei utenti dicono che stanno avendo difficoltà a vedere le linee o qualcosa del genere. Ho esaminato la documentazione e il css/js e non ho trovato un modo rapido per farlo. Questo è possibile anche senza modifiche importanti al codice?Come impostare il colore del giorno corrente in FullCalendar?
risposta
Sinceramente non so davvero di cosa tu stia parlando, ma il widget jQuery UI fullcalendar utilizza la classe CSS .fc-today
per lo stile del giorno corrente. Se le tue modifiche non sono visibili, prova a usare !important
- potrebbe essere che una delle tante altre classi sovrascrive i tuoi stili altrove.
Il giorno corrente è giallo mentre tutti gli altri giorni sono bianchi. I miei utenti hanno difficoltà a vedere le linee nella vista agenda giorno per il giorno corrente perché sono gialle. Scusate, avrei dovuto essere più specifico e credo che risolverà il mio problema. Posso modificare la proprietà css per .fc-oggi con jquery mentre nella vista agenda giornaliera per il giorno corrente e viceversa quando non nel giorno corrente. Grazie! – Kirrilian
Per cambiare colore/sfondo del giorno corrente di fullcalendar in dayview, aggiungere la seguente classe CSS e assicurarsi che sia caricata dopo tutti gli stili CSS.
.fc-view-basicDay .fc-today {
color:....;
background:....;
}
Se non si utilizza un tema, questo ha lavorato per me usando FullCalendar 2.3.1
.fc-unthemed .fc-today {
background: ....;
}
Funziona alla grande sulla versione '2.9.0' –
.fc-bg .fc-state-highlight { \t \t background-color: # 009688! Important; \t \t \t} L'ho usato per ottenere il risultato corretto. Fullcalender versione 3.4.0 –
è possibile utilizzare seguente codice
.fc-today {
background: #FFF !important;
border: none !important;
border-top: 1px solid #ddd !important;
font-weight: bold;
}
Avevo più calendari quindi funzionava:
#calendar .fc-today {
background: #FFF !important;
}
#calendar-two .fc-today {
background: #FFF !important;
}
L'utilizzo di #calendar-favorite .fc-unthemed .fc-today { ... }
non ha funzionato, quindi ricordarsi di rimuovere la parte .fc-unthemed
.
Verificate anche il modo in cui jquery: https://stackoverflow.com/a/17930817/1066234 usando dayRender
- 1. Impostazione colore sfondo cella fullcalendar
- 2. Come dividere il giorno singolo in colonna in fullcalendar?
- 3. Come impostare l'ora a mezzanotte per il giorno corrente?
- 4. Come ottenere il primo giorno del mese corrente in PHP?
- 5. Fullcalendar: modifica il colore per giorni specifici
- 6. Ottenere il giorno per il giorno corrente in PHP
- 7. Ottieni il colore corrente
- 8. Come impostare il colore del testo DataGridTextColumn?
- 9. Scorrimento fullcalendar fino all'ora corrente?
- 10. evento multivalore fullCalendar 1 giorno troppo breve
- 11. Primo e ultimo giorno del mese corrente
- 12. Come impostare il colore del testo del titolo di UIButton?
- 13. Impostare il colore del bordo su glyphicon
- 14. come impostare il colore rgb in Android?
- 15. Python ottiene il primo e l'ultimo giorno del trimestre corrente
- 16. Impostare il colore in plot.xts
- 17. Come ottenere il timestamp del mese corrente, il primo giorno del mese, l'ora zero
- 18. Ricevi eventi facendo clic su un giorno in FullCalendar
- 19. Impostare il colore tramite il codice colore in C#
- 20. Come impostare il colore del contatore su un TextInputLayout?
- 21. Come impostare il colore di primo piano del pulsante SWT?
- 22. Come impostare il colore del bordo della casella di controllo
- 23. Come impostare il colore del testo nel pulsante di invio?
- 24. Come impostare il colore del menu NSPopupButton Voce
- 25. Android - Come impostare il valore del colore su TRANSPARENT
- 26. Android Linkify come impostare il colore del collegamento personalizzato?
- 27. Cambiare colore del giorno singolo in calendarview, android
- 28. come impostare il colore di Jbutton
- 29. Come impostare il colore di UnderlineSpan?
- 30. Come posso cambiare il giorno del primo giorno della settimana?
cosa stai parlando? – Neutralizer
Probabilmente si riferisce al widget "fullcalendar" dell'interfaccia utente di jQuery. –