Добавление динамической привязки между строкой меню и месяцем календаря

0

Код для моей навигационной панели:

<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>

Как сделать привязку между выбранным месяцем на панели навигации и месяцем, указанным в календаре? Я использую календарь с угловым пользовательским интерфейсом для добавления пользовательских эвенов. Вот Плункер:

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

Теги:

1 ответ

0

На самом деле, если вы можете пройти через документы, вы можете найти 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 );
}
Поделиться
  • 0
    Я попытался использовать gotoDate: $ scope.JanClick = function () {$ scope.calendar.fullCalendar ('gotoDate', 2016, 1); } И попытался вызвать эту функцию по ng-click. Это все еще не работает.
  • 0
    date является объектом javascript / moment в API Doc. Пожалуйста, внимательно прочитайте документацию. StackOverflow предназначен для направления в правильном направлении, а не место, где вы можете копировать и вставлять, чтобы все заработало.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню