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

同样的问题让我头疼了几天，我无法弄明白。到达fullcalendar对象的唯一方法是简单但丑陋：

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

Answer 2

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

 <script type="text/javascript" src="components/jquery/jquery.js"></script>
 <script type="text/javascript" src="components/jquery-ui\ui\jquery-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>

可以找到整个细节Here

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

2 个答案: