如何在 FullCalendar 中的 resourceTimeGridDay/resourceTimeGridWeek 的标题中插入 html？

Question

这是FullCalender提供的resourceTimeGridWeek的demo https://fullcalendar.io/docs/datesAboveResources-demo

我正在尝试在每天标题单元格内的“房间 A”和“房间 B”文本旁边添加一个自定义按钮。 单击该按钮会将单击按钮所属的日期和资源 ID 记录到控制台。

我尝试使用 dayHeaderContent 但是，它只会更改包含日期的上部标题。

Answer 1

正如 ADyson 所建议的，这里是我的解决方案和指向 Codepen 示例的链接。

resourceLabelDidMount: function (info) {
      var commentButton = document.createElement("button");
      commentButton.innerText="Click me";
      commentButton.onclick = function () {
        console.log(info.date);
        console.log(info.resource._resource.id)
      };
      info.el.appendChild(commentButton);
}

代码笔