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
cosa stai parlando? – Neutralizer
Probabilmente si riferisce al widget "fullcalendar" dell'interfaccia utente di jQuery. –