将事件从数据库上传到 FullCalendar

Question

我想将保存在数据库中的事件呈现到日历模板中。 所有事件都作为对象传递，并且可以像这样检索：

{% for object in objects %}
    var start = "{{ object.start }}"; 
    var end = "{{ object.end }}";
    var name = "{{ object.name }}";
{% endfor %}

我可以确认这是有效的，因为我在检查页面时在Sources 选项卡中看到了它。所以我在数据库中存储了一些事件，我想渲染这些事件。

所以看着 documentation，我想过做这样的事情：

        $('#calendar').fullCalendar({
            eventSources: [
                // your event source
                {
                    events: [ // put the array in the `events` property
                        {% for object in objects %}
                            var start = "{{ object.start }}"; // Can't seem to identify this statement
                            var end = "{{ object.end }}";
                            var name = "{{ object.name }}";
                            var event={id:1 , title: name, start: start, end:end};
                            //$('#calendar').fullCalendar( 'renderEvent', event, true);
                            {
                                title : name,
                                start : start,
                                end   : end,
                            }
                        {% endfor %}

                    ]
                }
                // any other event sources...
            ]

        });

但events 数组返回空，显示在Sources 检查选项卡中。我已经坚持了很长一段时间。有什么想法吗？

编辑：

如果我这样做：

select: function(start,end){
    {% for object in objects %}
        var name = "{{ object.name }}";
        var start = "{{ object.start }}";
        var end = "{{ object.end }}";
        var event={id:1 , title: name, start: start, end:end};
        $('#calendar').fullCalendar( 'renderEvent', event, true);
    {% endfor %}

如果我点击一个日期，事件将显示。所以我想如果我用function 包裹它会起作用。话虽如此，fullcalendar 中是否有类似 initialize() 的函数？

Answer 1

找到解决办法：

loading: function(bool){
    {% for object in objects %}
        if (bool){

        var name = "{{ object.name }}";
        var start = "{{ object.start }}";
        var end = "{{ object.end }}";
        var event={id:1 , title: name, start: start, end:end};
        $('#calendar').fullCalendar( 'renderEvent', event, true);
        }
    {% endfor %}
},