我正在尝试将日期选择器设置为月份选择器。只要您单击一个月和/或进入上一个/明年,一切都会按预期进行。但是,如果您想通过单击顶部的当前年份来扩大年份选择范围,则会出现 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'
};
}]);
})();
这是JSFiddle演示它(angularjs 1.2.26,ui-bootstrap 0.11.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'
};
}]);
})();
关于angularjs - Angular UI Bootstrap 月份选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26466299/