mongodb - 如何在使用流星.js 时从 Mongodb 获取数据以在 Fullcalendar 中显示

Question

我正在尝试将 Fullcalendar 与 Meteor.js 一起使用。Fullcalendar 似乎可以将 JSON 用于其事件。像这样：

$('#calendar').fullCalendar({
events: [
    {
        title  : 'event1',
        start  : '2013-06-01'
    },
    {
        title  : 'event2',
        start  : '2013-06-05',
        end    : '2013-06-07'
    },
    {
        title  : 'event3',
        start  : '2013-06-09 12:30:00',
        allDay : false // will make the time show
    }
]

});

我正在尝试将此数据存储在 Mongodb 中，然后将数据输出到完整日历。

我不知道如何做到这一点，并希望得到任何帮助。

谢谢

Answer 1

嗨 rjsandman 尝试搜索堆栈以查找 fullcalendar ajax 调用和 JSON 调用，使用 do 技术加载事件并参考 Fullcalendar 文档。我相信你能弄清楚。

要根据您的服务器端技术输出数据，您必须像字符串或格式良好的 XML 一样将您的已格式化事件发送回客户端。

这是有关如何将事件发回的示例：

XML 格式：

<?xml version="1.0" encoding="UTF-8"?>
  <root>
    <events>
     <event title="Mytitle" start="20-03-2014 10:30:00" end="20-03-2014 12:30:00" allDay=false></event>
     and so on...
    </events>
  </root>

JSON格式：

[
   {"title":"Mytitle","start":"20-03-2014 10:30:00","end":"20-03-2014 12:30:00" "allDay":false},
   {"title":"Mytitle","start":"20-03-2014 10:30:00","end":"20-03-2014 12:30:00" "allDay":false},
   {"title":"Mytitle","start":"20-03-2014 10:30:00","end":"20-03-2014 12:30:00" "allDay":false}
]

祝你好运

Answer 2

您必须使用事件数据函数来生成事件对象。

假设您有一个名为的模板events：

./events.js

import { Events } from './path/to/your/mongo/collection';

Template.events.onRendered( () => {
    $('#calendar').fullCalendar({
        events: (start, end, timezone, callback) => {
            let data = Events.find().fetch().map(() => {
                return event; //data is now an array with JSON format
            });

            if (data) {
                callback(data);
            }
        }
    });
});

更多信息在这里。