angularjs - 你如何在 angular-ui-calendar 中获得可见的日期范围

Question

使用这个日历控件http://angular-ui.github.io/ui-calendar/我想观看显示的可见日期范围。

我已经阅读了文档，甚至进入了完整日历控件的源代码，可见日期范围似乎可用的唯一地方是在 ViewObject callback 中。或者在控制代码本身的局部闭包变量中。 (通过此不可用)。

当然，我遗漏了一些简单的东西。 我想 $watch 可见日期，这样我就可以获取需要添加到事件列表中的日程数据。

我有一个缓存后端，当 arFullCalendar 发出对更多事件数据的 ajax 请求时，它不会命中，所以我试图将事件列表保留在内部并使用 Angular 进行所有获取。

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

---

更新:根据下面@Thara 的建议，我设法找到了 viewRender 回调，然后我只需要连接它，现在我可以知道 View 何时更改。

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

我的问题是我一直在尝试 $watch 日期变化，而这对于基于 jQuery 的控件是不可能的。

Answer 1

您需要使用 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包含当前 View 的信息。