2014-03-30 84 views
3

使用此日曆控件http://angular-ui.github.io/ui-calendar/我想查看顯示的可見日期範圍。如何在角度 - 日曆日曆中獲取可見日期範圍

我讀過文檔,甚至進入完整日曆控件的源代碼,唯一可見日期範圍似乎可用的位置是ViewObject callback或控制代碼本身的本地關閉變量。 (通過這個不可用)。

當然,我錯過了一些簡單的東西。 我想要$看可見日期,以便我可以獲取需要添加到事件列表中的日程安排數據。

我有一個緩存後端,arFullCalendar不會命中,因爲它使更多的事件數據的Ajax請求,所以我試圖保持內部的事件列表,並做所有的角度提取。

我使用arFullCalendar的1.3版本,而不是2.0 Beta版本。


更新:根據@撒拉的建議之下,我還是設法找到viewRender回調,那麼我不得不連線,並現在我可以告訴時視圖的變化。

$scope.calendarConfig = { 
     calendar:{ 
      height: "100%", 
      ... 
      viewRender: function(view, element) { 
       $log.debug("View Changed: ", view.visStart, view.visEnd, view.start, view.end); 
      } 
     } 
    }; 

我的問題是我被困試圖$觀看日期的變化,而這是不可能與基於jQuery的控制。

回答

3

您需要使用getView()功能在arshaw的全歷曝光如下,

$scope.getView = function() { 
     var view = $scope.myCalendar.fullCalendar('getView'); 
     console.log(view); 
     console.log(view.start); 
     console.log(view.end); 
     console.log(view.visStart); 
     console.log(view.visEnd); 
    }; 

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

getView函數本質暴露View Object包含當前視圖的信息。

+2

這給了我一種方法來查找當前顯示的日期,但沒有辦法「觀察」日期範圍,但它確實讓我走上了如何做到這一點,使用配置viewRender回調。我已更新我的問題以顯示最終答案。 – boatcoder

+0

哦,我解釋爲「我想看可見的日期」,因爲你想知道/看到日期......不像$看着它們。 :)。無論如何,我很高興你找到了你的方式,這有助於...... – Tharaka