FullCalendar viewRender：在 listDay-View 中追加文本

Question

我正在使用 FullCalendar by Adam Shaw。

要显示一天中的所有事件，我使用 listday-view。我需要在 table 的 header 中显示一个 link。

我尝试了下面的代码，但它不起作用。

viewRender: function (view, element) {  
    if(view.name === 'listDay') {
        element.find('.fc-widget-header').append( '<span>&raquo; My Text</span>' );
    }
}

似乎没有找到该元素。 "jQuery-alert" 而不是 "element.find" 有效。

Answer 1

那是因为 viewRender callback 在 .fc-widget-header 元素呈现之前运行，无法找到。 https://fullcalendar.io/docs/display/viewRender/

您可以在 eventAfterAllRender callback 中添加您的代码，因为正如我所见，只有在有事件要显示时才会呈现 listDay。

例子

eventAfterAllRender : function (view) {  
    if(view.name === 'listDay') {
        view.el.find('.fc-widget-header').append( '<span>&raquo; My Text</span>' );
    }
}