javascript - 在带有 jade 的 Node 中加载 fullCalendar 事件

Question

我能够使用 jade 和 Express 在 NodeJS 中实现 fullCalendar，并且它会加载日历。渲染 jade 文件时，我发送一个包含事件的数组。如何在 Jade 模板中加载日历中的事件？ Jade 锉扩展../../layouts/planninglayout

阻止内容

script.
    var events =  [
        {
            title  : 'event3',
            start  : '2014-03-3 12:30:00',
            end  : '2014-03-3 16:30:00',
            allDay : false // will make the time show
        }
        ]

    $('#calendar').fullCalendar({
            eventSources:events
        });
#calendar

Answer 1

如果您要从数组添加事件，则不应使用 eventSources，这是用于定义事件源的。您应该改用事件。

修改后的代码应该如下所示...

script.
    var events =  [
        {
            title: 'event3',
            start: '2014-03-3 12:30:00',
            end: '2014-03-3 16:30:00',
            allDay: false // will make the time show
        }
    ];

    $('#calendar').fullCalendar({
        events : events
    });

有关完整详细信息，请参阅有关将事件添加为数组的文档 here

更新:这是我在测试项目中使用的确切代码

doctype html
html
    head
        title= title
        link(rel='stylesheet', href='/stylesheets/style.css')
        link(rel='stylesheet', href='/bower_components/fullcalendar/fullcalendar.css')
    body
        #calendar

        script(type='text/javascript', src='/bower_components/jquery/jquery.js')
        script(type='text/javascript', src='/bower_components/fullcalendar/fullcalendar.js')
        script.
            var events =  [
                {
                    title: 'event3',
                    start: '2014-03-03 12:30:00',
                    end: '2014-03-03 16:30:00',
                    allDay: false // will make the time show
                }
            ];
            $('#calendar').fullCalendar({
                events: events
            });