Question

我正在尝试为事件着色。它从api获得颜色。我试图这样做，但无论我如何尝试实现它，我都无法让它发挥作用。

这是我尝试通过不同的方法实现它的两次尝试。

1）

<script>
        $(document).ready(function(){
            $("#calendar").fullCalendar({
                events: "/app/calendar/cal/",
                eventClick: function(event) {
                    window.top.location = "http://127.0.0.1:8000/app/calendar/event/" + event.id;

                },
                eventRender: function(event, element) {
                    $(element).tooltip({title: event.body});
                    $('.fc-content').css("background-color", "red");
                }
            })
        })
    </script>

2）

<script>
        $(document).ready(function(){
            $("#calendar").fullCalendar({
                events: "/calendars/cal/",
                url: 'http://google.com/',
                eventClick: function(event) {
                    window.top.location = "http://127.0.0.1:8000/calendars/event/" + event.id;

                },
                backgroundColor: 'red',
                eventRender: function(event, element) {
                      $(element).tooltip({title: event.body});
                  }
            })
        })
    </script>

Answer 1

您可以指定eventColor：'＃yourColor'，无需在渲染事件中执行此操作。

如果您想更改单个活动的颜色：http://fullcalendar.io/docs/event_data/Event_Object/#color-options

Answer 2

您可以使用eventColor的{{1}}属性。

JSFiddle用于所有事件的相同颜色属性。

有关详细信息，请查看：http://fullcalendar.io/docs/event_data/Event_Source_Object/

http://fullcalendar.io/docs/event_data/Event_Object/

full calendar

要设置事件的个别颜色，请在事件数组的对象中添加<script> $(document).ready(function(){ $("#calendar").fullCalendar({ events: "/app/calendar/cal/", eventClick: function(event) { window.top.location = "http://127.0.0.1:8000/app/calendar/event/" + event.id; }, eventColor: '#378006', eventRender: function(event, element) { $(element).tooltip({title: event.body}); } }) }) </script>属性。

单个颜色的

JSFiddle。

backgroundColor

在fullcalendar中更改事件颜色

2 个答案: