Fullcalendar 为每一天添加自定义按钮

Question

如何在 fullCalendar 中为每一天添加自定义按钮？

Answer 1

为此，您最好的解决方案可能是 dayRender 回调，它允许您在日历上绘制之前将额外的 HTML 添加到每一天的单元格中。

例如这是一个超级简单的例子：

dayRender: function(info)
{
  info.el.innerHTML += "<button class='dayButton' data-date='" + info.date + "'>Click me</button>";
  info.el.style.padding = "20px 0 0 10px";
}

现场演示（包括处理的点击事件）：https://codepen.io/ADyson82/pen/oNjExGx

Fullcalendar 为每一天添加自定义按钮

Fullcalendar add custom button to each day

html

javascript

fullcalendar

fullcalendar-4