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

时间:2018-02-02 19:08:46

标签: fullcalendar fullcalendar-3

所以我有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...

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

我错过了什么?

1 个答案:

答案 0 :(得分:0)

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

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