ui-calendar（AngularJS 版本的FullCalendar）中月份变化后events消失

最新推荐文章于 2025-03-25 16:27:59 发布

大浪中航行

最新推荐文章于 2025-03-25 16:27:59 发布

阅读量3.7k

点赞数

本文链接：https://blog.csdn.net/dalangzhonghangxing/article/details/54983711

版权

在使用ui-calendar（AngularJS版FullCalendar）时，遇到问题：月份切换后events不再显示。原因在于月份变化后，FullCalendar未重新渲染事件。解决办法包括：一是给前进和后退按钮绑定调用`refetchEvents`的函数；二是通过`events`参数动态绑定事件，确保每次月份改变时自动获取新的事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ui-calendar（AngularJS 版本的FullCalendar）中月份变化后events消失

一开始通过vm.eventSources = [vm.events]的方式来绑定事件，主要代码如下：（去掉了部分无关代码，只适合参考）

<div ui-calendar="stuHomePageCtrl.uiConfig.calendar" class="span8 calendar"
         ng-model="stuHomePageCtrl.eventSources" calendar="myCalendar"></div>

var homeApp = angular.module('stuhome', ['ui.calendar', 'ui.bootstrap']);
homeApp.controller("StuHomePageCtrl", ['ecnuMessageDao', StuHomePageCtrl]);
function StuHomePageCtrl(ecnuMessageDao) {
   
        var vm = this;
        init();

        function