कोणीय यूआई बूटस्ट्रैप महीनेपिकर

Question

मैं एक महीने पिकर के रूप में काम करने के लिए दिनांक पिकर सेट अप करने का प्रयास कर रहा हूं। जब तक आप एक महीने और/या अगले वर्ष/अगले वर्ष जा रहे हैं, तब तक सब कुछ अपेक्षित काम करता है। हालांकि, यदि आप शीर्ष वर्ष से चालू वर्ष पर क्लिक करके वर्ष चयन को विस्तृत करना चाहते हैं, तो मुझे एक जावास्क्रिप्ट त्रुटि मिलती है।

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> 

जे एस:

(function() { 
    'use strict'; 

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

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

यहाँ JSFiddle यह प्रदर्शन है (AngularJS 1.2.26, ui-बूटस्ट्रैप 0.11.2)।

Answer 1

बाहर कर देता है कि आप स्पष्ट रूप नियंत्रक में datepicker मोड परिभाषित करने की जरूरत:

$scope.datepickerMode = 'month'; 

और उसके बाद एक विशेषता के रूप में उपयोग:

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

})();