將事件從數據庫上傳到FullCalendar

Question

我想將數據庫中保存的事件呈現到日歷模板。 所有事件都作為對象傳遞，可以像這樣檢索：

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

我可以確認這是可行的，因為我在檢查頁面時在“ Sources選項卡中看到了它。 因此，我在數據庫中存儲了一些事件，我想呈現這些事件。

因此，在查看文檔時 ，我想到了做這樣的事情：

        $('#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 %}
},