无法使FullCalendar事件源以不同颜色显示

Posted 2021-04-07

所以我有FullCaledar工作...从我的JSON提要加载事件。但是，我无法让我的日历以不同的颜色显示。我使用的是最新版本的FullCalendar文件（v3.8.0）。

我的脚本如下......

<link href="../../FullCalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
<link href="../../FullCalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
<script src="../../FullCalendar/lib/moment.min.js" type="text/javascript"></script>
<script src="../../FullCalendar/lib/jquery.min.js" type="text/javascript"></script>
<script src="../../FullCalendar/fullcalendar.min.js" type="text/javascript"></script>

    <script>
        $(document).ready(function () {
            $('#calendar').fullCalendar({
                eventSources: [
                    {
                        //url: '<my json URL>',
                        color: '#0033dd',
                        textColor: '#ffffff'
                    },
                    {
                         //url: '<my json URL>',
                        color: '#dd3300',
                        textColor: '#000000'
                    }
                ],
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay'
                },
            ...blah, blah, blah...

事件从两个来源加载......但它们都显示使用第一个来源的配色方案。

我错过了什么？

答案

找到原因但不是解决方案。似乎将allDay属性设置为TRUE会导致事件无法显示。我尝试了几种不同的配置，发现在allDay属性设置为true的情况下，事件不会显示在任何视图中。

一旦我将allDay属性设置为FALSE，我的事件就开始出现了。