制作一个可以释放FullCalendar的按钮

时间:2019-03-04 03:16:15

标签: javascript html dom fullcalendar

所以我试图用这样的HTML输入:

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

但是显然它无法达到该方法。我有什么办法可以做到这一点?

编辑:我正在使用4.0.0-beta.4版本

3 个答案:

答案 0 :(得分:1)

使用不引人注目的事件处理程序(使用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>

(我使用了一个人造的“日历”对象,但这没关系-关键是它必须具有比事件处理函数更大的作用域,以便在处理程序运行时可以访问。)

答案 1 :(得分:0)

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

答案 2 :(得分:0)

input type =“ checkbox” onclick =“ calendar.rerenderEvents()”>