Fullcalendar计划程序 - 多个用户视图无法正常工作

时间:2018-03-06 11:26:06

标签: javascript node.js fullcalendar fullcalendar-scheduler

我尝试使用Scheduler获取多用户视图。这是我使用的代码:

$('#calendar').fullCalendar({
            schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
            defaultView: 'agendaDay',
            events: [
                // events go here
            ],
            resources: [
                { id: 'a', title: 'Room A' },
                { id: 'b', title: 'Room B' },
                { id: 'c', title: 'Room C' },
                { id: 'd', title: 'Room D' }
            ]
            // other options go here...
        });

然而,这不起作用,它不会显示多个用户,只显示AgendaDay视图。

我的控制台中也出现错误:

未捕获的TypeError:无法读取属性' Mixin'未定义的

我不知道这是否是导致问题的原因。 我通过npm install安装了fullcalendar和scheduler,我没有导入任何链接。

所以我的问题是,如果我的代码由于显示的错误或其他原因而无法正常工作? 如果是因为mixin错误我希望看到一些可能的修复,我已经尝试了其他修复,但它们似乎无法正常工作。

这是scheduler.js

给出的错误

enter image description here

提前致谢。

2 个答案:

答案 0 :(得分:0)

根据https://fullcalendar.io/docs/vertical-resource-view的文档,如果您希望议程样式视图按资源拆分视图,则还需要在日历设置中指定groupByResource选项:

groupByResource: true

这将按资源对视图进行分组,然后按日期进行分组。

或者,您可以设置groupByDateAndResource,如果您希望按日期分组,然后再分配资源:

groupByDateAndResource: true

话虽如此,当然对于AgendaDay视图来说,它没有任何区别,因为只有一个日期可以显示。

答案 1 :(得分:0)

获取完整日历v3或更高版本。在v2或更早版本中不起作用。