Question

我整天都在尝试，但没有。我还需要显示位置，但我没有在fullcalendar文档中找到任何有用的信息。

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

提前致谢。

$('#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/。

请注意，这仅适用于＆＃34;列表＆＃34;您正在使用的视图类型。用于其他视图类型的HTML是不同的，因此如果您想支持，则必须编写不同的内容。回调使您可以访问＆＃34;视图＆＃34;对象，因此您可以检查正在使用的视图。您可以通过右键单击浏览器中的现有HTML并使用开发人员工具检查它来查看用于呈现事件的HTML，以查看其结构。

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

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

1 个答案: