fullcalendar如何仅在月视图中添加div

Posted 2021-04-07

我想在月视图中仅在事件的fc内容中添加自定义div

JS

 eventRender: function(event, eventElement) {                            
                   eventElement.find('div.fc-content').
    append('<div class="circle"></div>');                           
            }   

上面的代码在所有视图中添加了类圈。我试过了

find('div.fc-month-view div.fc-content')

没有成功。有什么建议吗？

答案

根据https://fullcalendar.io/docs/event_rendering/eventRender/，eventRender回调为您提供了第三个参数，您在代码中没有使用该参数。此参数包含当前视图对象。您可以使用它来确定当前正在使用哪个视图，从而确定是否附加您的额外内容：

eventRender: function( event, element, view ) {
    if (view.name == "month")
    {
        element.find('div.fc-content').append('<div class="circle"></div>'); 
    }
},

请看这里的工作演示：http://jsfiddle.net/sbxpv25p/78/