fullcalendar.js v4 - как установить html / изображение в заголовке? - PullRequest
Новая
       26

fullcalendar.js v4 - как установить html / изображение в заголовке?

1 голос
/ 08 мая 2019

Есть ли у кого-нибудь решение для получения FullCalendar.js v4 для отображения заголовка в виде HTML? Все старые способы получения элемента и замены текста на html не работают в новой версии. Я попробовал это ниже: 

eventRender: function(info) {
  return $.parseHTML(info.event.title);

Полу работает - HTML отображается, но в нем отсутствуют остальные классы HTML в событии. Я предполагаю, что нужно изменить объект полной информации, но установка этого не работает: eventRender: function (info) { info.event.title = info.el.innerText; возвращаемая информация

1 Ответ

4 голосов
/ 08 мая 2019

Поскольку fullCalendar v4 больше не использует jQuery, элемент HTML, который предоставляется во время eventRender , теперь является стандартным объектом элемента JS DOM, как и все элементы, предоставляемые с помощью обратных вызовов и методов v4.См. https://fullcalendar.io/docs/upgrading-from-v3 для получения дополнительной информации.

Это означает, что вы можете использовать стандартные методы DOM JavaScript для управления им.Например, вы можете сделать что-то вроде этого, чтобы заголовок отображался курсивом: 

eventRender: function(info) {
  info.el.querySelector('.fc-title').innerHTML = "<i>" + info.event.title + "</i>";
}

Демонстрация: https://codepen.io/anon/pen/XwmgLR?editors=1010

...