添加動態菜單欄和日曆的月份之間的結合

Question

我的導航欄的代碼是：

<nav class="{{active}}" ng-model="active"> 
<h2> &nbsp &nbsp Months </h2> 
<a href="#" class="jan" ng-click="active='jan'">January</a> <br> 
<a href="#" class="feb" ng-click="active='feb'">February</a> <br> 
<a href="#" class="mar" ng-click="active='mar'">March</a> <br> 
<a href="#" class="apr" ng-click="active='apr'">April</a> <br> 
<a href="#" class="may" ng-click="active='may'">May</a> <br> 
<a href="#" class="jun" ng-click="active='jun'">June</a> <br> 
<a href="#" class="jul" ng-click="active='jul'">July</a> <br> 
<a href="#" class="aug" ng-click="active='aug'">August</a> <br> 
<a href="#" class="sep" ng-click="active='sep'">September</a> <br> 
<a href="#" class="oct" ng-click="active='oct'">October</a> <br> 
<a href="#" class="nov" ng-click="active='nov'">November</a> <br> 
<a href="#" class="dec" ng-click="active='dec'">December</a> <br> 

</nav> 

如何使在顯示的導航欄和本月選擇月份之間的結合日曆？我正在使用Angular UI日曆指令來添加自定義平鋪。這裏是Plunker：

https://plnkr.co/edit/fED6FBPVdlSMOkTvnyZj?p=preview

Answer 1

其實如果你可以去通過docs你可以找到一個API來這樣做。 API是

.fullCalendar('gotoDate', date) 

在任何一個月的點擊從導航欄，你可以做這樣的事情：

<a href="#" class="jan" ng-click="changeMonth('jan')">January</a> <br> 

控制器內，創建方法：

$scope.changeMonth(monthName){ 
    var ele = document.getElementsByClassName("calender"); 
    ele = angular.element(ele); // just check if u need this step or not 
    var date - new Date(); 

    switch(monthName){ 
    case 'jan' : 
     date.setMonth(1); 
     break; 
    case 'feb' : 
     date.setMonth(2); 
     break; 
    // other months... 
    } 

    ele.fullCalendar('gotoDate', date); 
}