2013-10-23 98 views
3

法「fullCalendar」我有聲明爲一個日曆遵循Angularjs日曆無法調用未定義

<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');

如果我爲了看日曆中注入特別的東西範圍。

非常感謝您

+0

你需要在你的控制器,使用'$ scope.calendarName'根據文檔,其中CALENDARNAME是相關聯的DOM元素日曆屬性的值與日曆。看起來你的第一個案例應該可行。但事實並非如此。我有同樣的問題,仍然沒有解決它。 –

回答

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

3

同樣的問題讓我頭疼了幾天,我無法弄清楚。 到達fullcalendar對象的唯一途徑是通過簡單而醜陋:

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

這是一個非常有用的答案,我一直在尋找幾天,這是我能夠訪問fullCalendar方法的唯一方法。文檔非常不完整,特別是如果您嘗試以角度實現此日曆 –

相關問題