2010-05-03 9 views
5

Trong lịch của tôi, tôi muốn tô màu cho mỗi sự kiện bằng một màu khác nhau. Hiện tại có một cách để gửi tới toàn bộ lịch, trong JSON nó có dự đoán một giá trị cho một màu không?
FullCalendarThêm màu sắc đẹp cho các sự kiện trong FullCalendar (jquery)

+0

Bạn có thể cung cấp mẫu mã không? Lịch của bạn là nhà sản xuất bia hoặc tập lệnh của bên thứ ba? – gurun8

Trả lời

7

Có vẻ tôi bị mất nó lần đầu tiên tôi đọc hướng dẫn:

tôi gửi cho mỗi ngày JSON sau:

{"id":"1", 
"start":"1272513600", 
"end":"1272513600", 
"allDay":"1", 
"title":"Repeat 1,Day 1", 
"className":"eventColorX"} 

Điều quan trọng là className và nơi X là một số (phụ thuộc vào CSS, xem bên dưới).
Và sau đó trong CSS:

.eventColor1, 
.fc-agenda .eventColor1 .fc-event-time, 
.eventColor1 a { 
    background-color: green; /* background color */ 
    border-color: green;  /* border color */ 
    color: yellow;   /* text color */ 
    } 

.eventColor2, 
.fc-agenda .eventColor2 .fc-event-time, 
.eventColor2 a { 
    background-color: purple; /* background color */ 
    border-color: purple;  /* border color */ 
    color: white;   /* text color */ 
    } 


. 
. 
. 
.