在我的日曆中,我想用不同顏色爲每個事件着色。目前有一種方法可以發送到完整的日曆,在JSON中它需要一個顏色的值?
FullCalendar爲FullCalendar(jquery)中的事件添加漂亮顏色
5
A
回答
7
看來我錯過了我第一次閱讀手冊:
我每天發送以下JSON:
{"id":"1",
"start":"1272513600",
"end":"1272513600",
"allDay":"1",
"title":"Repeat 1,Day 1",
"className":"eventColorX"}
重要的是一個className以及其中X是一個數字(取決於CSS,見下文)。
然後在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 */
}
.
.
.
.
3
這是現在已經過時 - 你應該通過顏色和字體顏色的每個事件。 http://arshaw.com/fullcalendar/docs/event_data/Event_Object/#color-options
+0
我無法獲得此解決方案的工作,但上面的方法仍然有效。 – Lloyd 2014-01-07 21:10:05
相關問題
- 1. JQuery FullCalendar添加事件
- 2. FullCalendar事件顏色到qtip
- 3. 在fullcalendar中更改事件顏色
- 4. Fullcalendar添加事件
- 5. Fullcalendar添加事件
- 6. 創建漂亮的顏色編程
- 7. jquery fullcalendar與彩色事件
- 8. Fullcalendar更改某些事件的顏色
- 9. FullCalendar:基於用戶的事件顏色
- 10. jquery FullCalendar塊添加更多事件
- 11. FullCalendar事件文本顏色變化
- 12. 改變顏色在事件幾天FULLCALENDAR
- 13. FullCalendar - 谷歌日曆事件顏色
- 14. Fullcalendar - 基於值更改事件顏色
- 15. 漂亮的印刷色列中的顏色轉義代碼
- 16. 在FullCalendar的月視圖中爲日期範圍添加顏色
- 17. 爲顏色添加顏色
- 18. 用datetimepicker添加fullcalendar事件
- 19. 在CodeIgniter的Fullcalendar中添加事件
- 20. jQuery FullCalendar以編程方式更改事件渲染顏色
- 21. 更改fullcalendar兩個不同事件的事件顏色?
- 22. jQuery fullcalendar - 事件
- 23. 如何在fullcalendar中以不同的顏色更改事件背景顏色?
- 24. JQuery datePicker高亮顏色
- 25. 在fullcalendar中添加多個事件hovertext
- 26. 在fullcalendar中添加事件hovertext
- 27. 在FullCalendar中添加事件 - 不工作
- 28. 添加漂亮的過渡與AngularJS
- 29. 「漂亮」爲Python
- 30. 更改Fullcalendar中過去事件的顏色
你能提供一個代碼示例嗎?您的日曆是家庭釀造還是第三方腳本? – gurun8 2010-05-03 20:05:13