Question

我想在个人视图中仅在事件的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')

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

Answer 1

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

<div class="card w-50">
    <div class="card-img-top d-flex align-items-center bg-light">
        <div>
            <img class="img-fluid" src="http://via.placeholder.com/150x150/1f1a38/ffffff?text=Image" alt="Card image cap">
        </div>
        <p class="col p-2 m-0">Text next to the right of the image</p>
    </div>

    <div class="card-body">
        <h5 class="card-title">Card title</h5>
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    </div>
</div>


<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" rel="stylesheet"/>

请点击此处查看工作演示：http://jsfiddle.net/sbxpv25p/78/

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

1 个答案: