如何在 fullcalendar 和 gmail 中显示位置？

Question

我已经试了一整天了，但一无所获。我还需要显示位置，但我在完整日历文档中找不到任何有用的信息。

现在这是我的代码。有人可以帮助我吗？

提前致谢。

$('#eventList').fullCalendar({
        defaultView: 'listWeek',
        contentHeight: 'auto',
        lang:'it',
        navLinks: false,
        eventLimit: true,
        header: false,
        noEventsMessage: 'Nessun evento in programma',
        googleCalendarApiKey: 'AIzaSyDHACIHvtXO4X2bOvdxmfXhZcwS0undxX8',
        events: {
            googleCalendarId: '1fv9gv8e330lkbhn6sgh62ubik@group.calendar.google.com'
        }
});

Answer 1

在这种情况下，您需要做的是使用 eventRender 回调，它会为加载到当前日历视图中的每个事件运行一次。它允许您访问事件的所有属性，包括服务器添加的任何自定义属性（而不是标准 fullCalendar 事件规范的一部分），还允许您访问用于呈现的 HTML 元素事件。

因此您可以在事件的 HTML 中插入额外的属性。要在合适的地方添加位置，您只需编写以下内容（作为额外的日历选项：

eventRender: function(event, element, view) {
  if (event.location) element.find(".fc-list-item-title").append(" - " + event.location);
}

有关工作演示，请参阅 http://jsfiddle.net/sbxpv25p/169/。

请注意，这仅适用于您正在使用的 "list" 类型的视图。用于其他视图类型的 HTML 是不同的，所以如果你想支持它，你必须写一些不同的东西。回调使您可以访问 "view" 对象，因此您可以检查正在使用哪个视图。您可以发现 HTML 用于呈现事件，只需右键单击浏览器中的现有事件并使用开发人员工具检查它以查看其结构。

有关回调的详细信息，请参阅https://fullcalendar.io/docs/event_rendering/eventRender/。

如何在 fullcalendar 和 gmail 中显示位置？

How to show location in fullcalendar and gmail?

jquery

google-calendar-api

fullcalendar

fullcalendar-3