3

我已经尝试了一整天，但没有。我还需要显示位置，但我在 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'
        }
});
4

1 回答 1

2

在这种情况下你必须做的是使用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/ 。

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

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

于 2018-01-29T22:30:44.563 回答