2011-01-22 19 views
6

Chciałbym zmienić kolor bieżącego dnia, ale tylko wtedy, gdy kalendarz jest w widoku planu dnia. Moi użytkownicy mówią, że mają trudności z zobaczeniem linii lub czegoś. Przejrzałem dokumentację oraz css/js i nie znalazłem szybkiego sposobu na zrobienie tego. Czy jest to możliwe bez większych zmian kodu?Jak ustawić kolor bieżący dnia w FullCalendar?

+4

co ty mówisz? – Neutralizer

+1

Prawdopodobnie odnosi się do widżetu "fullcalendar" jQuery UI. –

Odpowiedz

11

Szczerze mówiąc, nie bardzo wiem, o czym mówisz, ale widżet jQuery UI fullcalendar używa klasy CSS .fc-today do stylu bieżącego dnia. Jeśli twoje zmiany nie są widoczne, spróbuj użyć !important - być może jedna z wielu innych klas nadpisze twoje style gdzie indziej.

+0

Bieżący dzień jest żółty, podczas gdy pozostałe dni są białe. Moi użytkownicy mają problemy z wyświetlaniem linii w widoku dziennym dnia bieżącego dnia, ponieważ jest żółty. Przepraszam, że powinienem być bardziej szczegółowy i uważam, że to rozwiąże mój problem. Mogę zmienić właściwość css dla .fc-today z jquery podczas widoku dziennego planu dnia dla bieżącego dnia iz powrotem, kiedy nie w bieżącym dniu. Dzięki! – Kirrilian

1

Aby zmienić kolor/tło bieżącego dnia fullcalendar w widoku dnia, dodaj następującą klasę CSS i upewnij się, że jest ona załadowana po wszystkich stylach CSS.

.fc-view-basicDay .fc-today { 
    color:....; 
    background:....; 
    } 
1

dla mnie było .ui-state-highlight.fc-today

+0

FullCalendar v2.4.0 – tr3v

4

Jeśli nie używasz tematu, to pracował dla mnie za pomocą FullCalendar 2.3.1

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

Działa świetnie w wersji '2.9.0' –

+0

.fc-bg .fc-state-highlight { \t \t kolor tła: # 009688! Important; \t \t \t} Użyłem tego, aby uzyskać poprawny wynik. Wersja Fullcalender 3.4.0 –

5

można użyć następującego kodu

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

Posiadałem wiele kalendarzy, więc zadziałało:

#calendar .fc-today { 
    background: #FFF !important; 
} 

#calendar-two .fc-today { 
    background: #FFF !important; 
} 

Używanie #calendar-favorite .fc-unthemed .fc-today { ... } nie działa, więc pamiętaj o usunięciu części .fc-unthemed.

Również sprawdzić drogę jquery: https://stackoverflow.com/a/17930817/1066234 korzystając dayRender