jquery fullCalendar -事件标题和详细信息

wljmcqd8  于 2023-06-22  发布在  jQuery
关注(0)|答案(4)|浏览(223)

我正在使用漂亮的fullCalendar jQuery插件。
我希望能够有一个标题和每个事件的细节,如下面的截图:

这里的详细信息是每个会话的参与者。(溢出隐藏在详图上)

czfnxgou

czfnxgou1#

See This(Eureka 的答案)

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

up9lanfz2#

基于fullcalendar文档

V5

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

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

yyyllmsg3#

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

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

bakd9h0s4#

目前(V6)的解决方案是使用eventDidMount回调并访问extendedProps数据:

eventDidMount: function(info) {
  var eventElement = info.el;
  let descriptionElement = document.createElement('div');
  descriptionElement.innerHTML = info.event.extendedProps.description;
  eventElement.appendChild(descriptionElement);
}

根据需要设置元素的样式以显示。

相关问题