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

在菜单栏和日历的月份

1 个答案: