fullcalendar活动标题。我不希望它在每一行都重复

Question

如果您的活动持续时间超过一周，则fullcalendar会在每一行重复活动的标题。我怎样才能覆盖它？我只需要展示一次标题。

Answer 1

哦，是的......一些调查：

挂钩eventAfterRender - 处理程序：function( event, element, view ) { }。所以，你有事件，确定它的开始和结束日期，你有元素，确定事件的哪个部分被绘制......现在将这些信息全部放在一起，等等...

Answer 2

正如Andreas所描述的，在eventAfterRender的回调中我们可以得到渲染元素。并且元素的前部和尾部将具有fc-corner-left和fc-corner-right类。所以我们可以这样做：

eventAfterRender: function (event, element, view) {
    if (!$(element).hasClass('fc-corner-left'))
{
   $(element, "a").text("");
    }
}

Answer 3

我很想使用jquery并尝试查找实际的事件DOM并查看它是如何构造的，并删除/隐藏除第一行之外的所有行上的文本。对不起，我没有发布的例子。

否则你必须进入核心js并找到方法buildSkeleton（）并找到文本的添加方式并尝试在其中添加一些逻辑。

Answer 4

标题在此div中呈现

fc-event fc-event-hori fc-event-start

以及几周后，如果同一事件的一部分是在没有fc-event-start类的情况下呈现的，那么

fc-event fc-event-hori

所以最好的解决方案是这样的：

eventAfterRender: function(event, element, view) {
    if (!$(element).hasClass('fc-event-start'))
        $(element, 'fc-event-title').text('');
    };
}