当前位置: 代码迷 >> JavaScript >> 创建一个重新呈现FullCalendar的按钮
  详细解决方案

创建一个重新呈现FullCalendar的按钮

热度:51   发布时间:2023-06-07 16:28:51.0

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

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

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

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

您可以使用不显眼的事件处理程序(使用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> 

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

单击按钮时隐藏fullcalendar会将displaycalendar从display:hidden更改为display:block

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