FullCalendar 当切换月,周,天视图时触发的函数
时间: 2024-09-12 22:14:28 浏览: 63
FullCalendar 是一个流行的 JavaScript 事件日历库,它可以用来在网页上展示日历视图,支持日视图、周视图、月视图以及列表视图等多种视图方式。在 FullCalendar 中,当用户切换日历视图时,可以通过事件监听机制来触发特定的函数。
例如,你可以监听 `viewRender` 事件,该事件会在每次视图渲染完毕时触发。在这个事件的回调函数中,你可以执行一些初始化工作,比如根据当前视图类型来执行不同的操作。
下面是一个简单的例子,展示了如何在视图切换时打印出当前的视图类型:
```javascript
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'dayGridMonth',
viewRender: function(info) {
console.log('当前视图类型: ' + info.view.type);
}
});
calendar.render();
});
```
在上面的代码中,`viewRender` 是一个事件监听函数,每当视图被渲染的时候都会被调用。函数中传入了一个参数 `info`,它包含了当前视图的信息,`info.view.type` 就是当前视图的类型。
阅读全文