добавление пользовательского содержимого в заголовок в полнокадровом режиме

Question

Я пытаюсь добавить дополнительный контент в заголовок для каждого дня в представлении временной шкалы

По этой ссылке:

https://github.com/fullcalendar/fullcalendar-scheduler/issues/311

это должно быть выполнимо путем подключения к resourceRender.

Но, насколько я могу судить, и то, что я пробовал до сих пор, я могу получить только сам ресурс, а не заголовок в день.

Я создал кодовую ручку и подключился к resourceRender, чтобы поиграться с: https://codepen.io/thomasabcd/pen/YzzezoO

resourceRender: function(renderInfo){
  console.log(renderInfo.el);
},

Есть идеи?

Answer 1

Если кто-то еще сталкивается с той же проблемой, я нашел решение, подключившись к обратному вызову dateRender. Приведенный ниже код выполняет проверку и добавляет только дополнительный HTML-код resourceTimelineWeek. Просто снимите флажок, если он вам не нужен.

См. Codepen здесь: https://codepen.io/thomasabcd/pen/jOOZYRm

datesRender: function(renderInfo) {
      let viewType = renderInfo.view.viewSpec.type;
      if (viewType == "resourceTimelineWeek") {
        let dateHeaders = renderInfo.el.querySelectorAll("th[data-date]");
        dateHeaders.forEach(element => {
          let headerDate = element.dataset.date;
          let headerText = element.querySelector(".fc-cell-text");
          let extraHTML = "<p>some text</p>";
          headerText.innerHTML = headerText.innerHTML + extraHTML;
        })
      }
    }