refetchEventsはカレンダーを更新しません

Question

新しいbalanceオブジェクトで毎回<h1>をクリックすると、calander.fullCalendar（ 'refetchEvents'）はリフレッシュされません。カレンダービューでは月が変更されません。

var app=angular.module('myApp',[]); 
    app .controller('myController', ['$scope', '$http', function ($scope, $http) { 

     $scope.init=function(){ 
     $scope.LeaveBalance=[ 
      { 
       'month':"JAN", 
       'pd':06, 
       'op':04, 
       'defaultDate':'2017-01-05' 
      }, 
      { 
       'month':"FEB",    
       'pd':06, 
       'op':04, 
       'defaultDate':'2017-02-05' 
      }, 
      { 
       'month':"MAR", 
       'pd':06, 
       'op':04, 
       'defaultDate':'2017-03-05' 
      },   
      { 
       'month':"DEC", 
       'pd':06, 
       'op':04, 
       'defaultDate':'2017-12-05' 
      }   

     ]; 
     } 

     $scope.myfunc =function(balance){  
      $scope.showLeaveBalance(balance)  
     } 

      $scope.showLeaveBalance =function(balance){ 
      calendar= $('#fullCalendar').fullCalendar({ 
      defaultDate: balance.defaultDate, 
      editable: true, 
      eventLimit: true, 
      events: [ 
       { 
        title: 'SL', 
        start: '2017-10-01', 
        // specialevent:'2017-10-15' 
       },    
       {     
        title: 'SL', 
        start: '2017-10-28', 
        //specialevent:'2017-10-18' 
       } 
      ] 
      });  
     calendar.fullCalendar('refetchEvents') 

     } 

     }]) 

私のバイオリンはhttps://jsfiddle.net/shwwL2z1/2/に動作していないしかし、私はeveryting correctly.Can誰もがそれをチェックし、更新していますか？

Answer 1

ガット・ソリューション：$('#fullCalendar').fullCalendar('gotoDate', balance.defaultDate);を追加することにより

$('#fullCalendar').fullCalendar({ 
      defaultDate: balance.defaultDate, 
      editable: true, 
      eventLimit: true, 
      //weekends:false, 
      events: [ 
       { 
        title: balance.title, 
        start: balance.startDate, 
        // specialevent:'2017-10-15' 
       },    
       {     
        title: balance.title, 
        start: balance.startDate, 
        //specialevent:'2017-10-18' 
       } 
      ] 
     });  
     $('#fullCalendar').fullCalendar('gotoDate', balance.defaultDate); 

は、日付、月、年を更新することができます。

Answer 2

 $scope.myfunc =function(balance){ 
      //Removes events from the calendar. 
      uiCalendarConfig.calendars.calendar.fullCalendar('removeEvents'); 
      $scope.showLeaveBalance(balance)  
     } 

詳細はclickこちらです。