앵귤러 UI 부트 스트랩 monthpicker

Question

나는 달 선택 도구로 작동하도록 날짜 선택 도구를 설정하려고합니다. 한 달을 클릭하거나 이전/다음 연도로 이동하는 동안 모든 것이 예상대로 작동합니다. 그러나 상단에서 현재 연도를 클릭하여 연도 선택 영역을 확장하려면 JavaScript 오류가 발생합니다.

HTML :

<div ng-app="app"> 
    <div ng-controller="TestController"> 
     <input type="date" class="form-control" ng-model="date" datepicker-popup="MM/yyyy" is_open="date_opened" ng-focus="date_opened = true" ng-click="date_opened = true" datepicker-options="datepickerOptions"> 
    </div> 
</div> 

JS :

(function() { 
    'use strict'; 

    var app = angular.module('app', [ 
     'ui.bootstrap' 
    ]); 

    app.controller('TestController', ['$scope', function($scope) { 
     $scope.datepickerOptions = { 
      datepickerMode: "'month'", 
      minMode: 'month' 
     }; 
    }]); 
})(); 

여기 (1.2.26 AngularJS와, 부트 스트랩 0.11.2 UI)를 보여주는 JSFiddle이다.

Answer 1

은 명시 적으로 컨트롤러에 날짜 선택기 모드를 정의 할 필요가 밝혀

이

datepicker-mode="datepickerMode" 

Answer 2

는 의견으로 강조로 다음과 같이 변경합니다 :

(function() { 
'use strict'; 

var app = angular.module('app', [ 
    'ui.bootstrap' 
]); 

app.controller('TestController', ['$scope', function($scope) { 
    $scope.datepickerOptions = { 
     datepickerMode: "month",  // Remove Single quotes 
     minMode: 'month' 
    }; 
}]); 

})(); 속성으로 사용 후

$scope.datepickerMode = 'month'; 

과 :