Angularjs 日历 无法调用未定义的方法'fullCalendar'

Question

>我有一个日历声明如下

<div class="calendar" ng-model="eventSources" id="eventCalendar" calendar="calendar" config="uiConfig.calendar" ui-calendar="uiConfig.calendar"></div>

在我的控制器中，我有$scope.eventSources = [$scope.monthEvent];

当我尝试从日历中获取开始/结束可见日期时，我意识到它在我的范围内不可见。我试图以两种方式获得它，但都失败了

• 第一个：var endDay1 = $scope.calendar.fullCalendar('getView').end;
• 第二个：var view = $('#eventCalendar').fullCalendar('getView');

我是否应该注入特定的东西才能在范围内查看日历。

谢谢

Answer 1

同样的问题让我头痛了几天，我就是想不通。到达完整日历对象的唯一方法是通过简单但丑陋：

angular.element('#myCalendarId').fullCalendar('getViewOrWhatever');

Answer 2

是的，您需要添加依赖项添加以下脚本

 <script type="text/javascript" src="components/jquery/jquery.js"></script>
 <script type="text/javascript" src="components/jquery-uiuijquery-ui.custom.js"></script>
 <script type="text/javascript" src="components/angular/angular.js"></script>
 <script type="text/javascript" src="components/angular-ui-calendar/calendar.js"></script>

将日历模块作为依赖项添加到应用程序模块：

var myAppModule = angular.module('MyApp', ['ui.calendar'])

将指令应用于div 元素：

<div ui-calendar>

完整的细节可以在这里找到