2011-01-22 19 views
6

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?

+4

cosa stai parlando? – Neutralizer

+1

Probabilmente si riferisce al widget "fullcalendar" dell'interfaccia utente di jQuery. –

risposta

11

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.

+0

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

1

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:....; 
    } 
1

per me è stato .ui-state-highlight.fc-today

+0

FullCalendar v2.4.0 – tr3v

4

Se non si utilizza un tema, questo ha lavorato per me usando FullCalendar 2.3.1

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

Funziona alla grande sulla versione '2.9.0' –

+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 –

5

è possibile utilizzare seguente codice

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

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

Problemi correlati