制作一个重新呈现 FullCalendar 的按钮

Question

所以我尝试使用 HTML 输入，如下所示：

<input type="checkbox" onclick="calendar.rerenderEvents()">

但显然无法到达方法。有什么办法可以实现吗？

编辑：我使用的是版本 4.0.0-beta.4

Answer 1

单击按钮时隐藏完整日历将完整日历从 display:hidden 更改为 display:block

Answer 2

输入类型="checkbox" onclick="calendar.rerenderEvents()">

Answer 3

您可以使用不显眼的事件处理程序（使用 addEventListener 函数创建 - 然后它可以引用 calendar 的实例，它在脚本块中具有更高的范围：

//dummy "calendar" object for the purpose of the demo
var calendar = {
  rerenderEvents: function() {
    alert("X");
  }
}

document.querySelector("#rerender").addEventListener("click", function() {
  calendar.rerenderEvents();
});

<input type="checkbox" id="rerender" /><label for="rerender">Re-Render</label>

（我使用了一个虚构的 "calendar" 对象，但这并不重要 - 关键是它必须具有比事件处理函数更高的范围，以便在处理程序运行时可以访问它。）

制作一个重新呈现 FullCalendar 的按钮

Make a button that rerenders FullCalendar

html

javascript

dom

fullcalendar