fullCalendar - 事件标题和详细信息答案

【问题标题】：fullCalendar - Event title and detailfullCalendar - 事件标题和详细信息
【发布时间】：2010-10-13 08:14:50
【问题描述】：

我正在使用漂亮的 fullCalendar jQuery 插件。

我希望能够为每个事件提供标题和详细信息，如下面的屏幕截图所示：

这里的详细信息是每个会话的参与者。（溢出隐藏在细节上）

【问题讨论】：

【解决方案1】：

See This（尤里卡的回答）

eventRender: function(event, element)
{ 
    element.find('.fc-event-title').append("<br/>" + event.description); 
}

【讨论】：

【解决方案2】：

基于fullcalendar文档

V5

如果要设置标题，请使用 eventDidMount 而不是 eventRender

eventDidMount:function(info){
   info.el.title="---- YOUR TEXT----"
}

【讨论】：

请注意，不会更改显示的文本（至少在“列表”视图中），我使用mountArg.el.children[2].innerHTML = "Custom title with <b>HTML Tag</b>" 来进行此操作。只需根据视图类型使用可能与我的示例不同的正确子级。

【解决方案3】：

对于在 Angular 8 中遇到此问题的任何人：

eventRender: function(event, element)
{ 
    (element as Element).querySelector('span.fc-title').append("<br/>" + event.description); 
}

【讨论】：