javascript - 隐藏全日历中的某些事件字段

Question

我已经阅读完整日历文档几个小时并检查提供的演示，但我不知道这是否可行。

我目前正在从 Google 日历获取事件，其中包含许多字段，例如:

{
    "status": "confirmed",
    "kind": "calendar#event",
    "end": {
        "dateTime": "2015-06-29T17: 00: 00+02: 00"
    },
    "created": "2015-06-27T15: 29: 09.000Z",
    "iCalUID": "grmb2ff27hh4ppvk0o7lfclimc@google.com",
    "reminders": {
        "useDefault": "True"
     },
     "htmlLink": "https: //www.google.com/calendar/event?eid=Z3JtYjJmZjI3aGg0cHB2azBvN2xmY2xpbWMgZGV2LmFsZWphbmRyb3ZpbGxhbWFyaW5AbQ",
    "sequence": 0,
    "updated": "2015-06-27T15: 29: 11.144Z",
    "summary": "flowerpower",
    "start": {
        "dateTime": "2015-06-29T14: 00: 00+02: 00"
    },
    "etag": "2870837902288000",
    "organizer": {
        "self": "True",
        "displayName": "AlejandroVillamarin",
        "email": "dev.alejandrovillamarin@gmail.com"
    },
    "creator": {
        "self": "True",
        "displayName": "AlejandroVillamarin",
        "email": "dev.alejandrovillamarin@gmail.com"
    },
    "id": "grmb2ff27hh4ppvk0o7lfclimc"
}

虽然我想保留这些数据，甚至通过 ajax 调用将其发送到 fullcalendar，但我只想在日历本身中显示这些字段中的“一些”...我该怎么做？我总是可以使用 2 个数组，但奇怪的是，除了那个壮观的 fullcalendar 库之外，其他库没有提供自定义要在每个日历事件中显示的字段的方法。

谢谢，亚历杭德罗

Answer 1

我一直使用FullCalendar eventRender event结合 jQuery 来控制这些事情。

这是我最近的一个项目的示例:

$(targetElement).fullCalendar({
    events: function (start, end, callback) {
        // code to grab events
    },
    eventRender: function (event, element) {
        // 'event' will have all the fields that you want
        // add css class 'label' and display status of event
        element.find('.fc-event-title').addClass('label').append('STATUS ' + event.status);

        var view = $(targetElement).fullCalendar('getView');
        if (view.name === "agendaDay") {
            // day view specific stuff here
        }

        if (view.name === "agendaWeek") {
            // week view specific stuff here
        }
    }
});

我将这种数据附加与 title property of an event 结合使用。 .