我正在使用漂亮的fullCalendar jQuery插件。我希望能够有一个标题和每个事件的细节,如下面的截图:
这里的详细信息是每个会话的参与者。(溢出隐藏在详图上)
czfnxgou1#
See This(Eureka 的答案)
eventRender: function(event, element) { element.find('.fc-event-title').append("<br/>" + event.description); }
up9lanfz2#
基于fullcalendar文档
如果要设置标题,请使用eventDidMount而不是eventRender
eventDidMount
eventRender
eventDidMount:function(info){ info.el.title="---- YOUR TEXT----" }
yyyllmsg3#
对于任何在Angular 8中遇到此问题的人:
eventRender: function(event, element) { (element as Element).querySelector('span.fc-title').append("<br/>" + event.description); }
bakd9h0s4#
目前(V6)的解决方案是使用eventDidMount回调并访问extendedProps数据:
extendedProps
eventDidMount: function(info) { var eventElement = info.el; let descriptionElement = document.createElement('div'); descriptionElement.innerHTML = info.event.extendedProps.description; eventElement.appendChild(descriptionElement); }
根据需要设置元素的样式以显示。
4条答案
按热度按时间czfnxgou1#
See This(Eureka 的答案)
up9lanfz2#
基于fullcalendar文档
V5
如果要设置标题,请使用
eventDidMount
而不是eventRender
yyyllmsg3#
对于任何在Angular 8中遇到此问题的人:
bakd9h0s4#
目前(V6)的解决方案是使用
eventDidMount
回调并访问extendedProps
数据:根据需要设置元素的样式以显示。