AngularJS中全日历在月视图和周视图之间切换不起作用。 _编程开发

AngularJS中全日历在月视图和周视图之间切换不起作用。

创始人

2024-10-27 16:01:50

0次

在AngularJS的fullcalendar插件中切换月视图和周视图时，需要在viewRender回调函数中使用renderView方法来重新绘制视图。

以下是示例代码：

在HTML模板中添加以下代码：

在控制器中添加以下代码：

$scope.calendarOptions = {
  header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,listWeek'
  },
  defaultView: 'month',
  editable: true,
  eventStartEditable: true,
  eventDurationEditable: true,
  viewRender: function(view, element) {
    if (view.name == 'agendaWeek') {
      $('#myCalendar').fullCalendar('renderView');
    }
  }
};

在上述代码中，我们在viewRender回调函数中检查当前视图的名称，如果它是'agendaWeek'周视图，则调用renderView方法重新绘制视图。

这样就可以在AngularJS的fullcalendar插件中切换月视图和周视图了。

上一篇：AngularJS中嵌套的ui-view路由中父级URL参数的解决方法是什么？

下一篇：AngularJS中如何动态生成下拉选项？

AngularJS中全日历在月视图和周视图之间切换不起作用。

相关内容

热门资讯