angularjs – Angular UI Bootstrap monthpicker

发布时间：2020-12-17 07:10:51 所属栏目：安全来源：网络整理

导读：我正在尝试将日期选择器设置为月份选择器.只要你点击一个月和/或去上一年/明年,一切都按预期工作.但是,如果要通过单击顶部的当前年份来扩大年份选择,则会出现 JavaScript错误. HTML： div ng-app="app" div ng-controller="TestController" input type="date

我正在尝试将日期选择器设置为月份选择器.只要你点击一个月和/或去上一年/明年,一切都按预期工作.但是,如果要通过单击顶部的当前年份来扩大年份选择,则会出现 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',function($scope) {
    $scope.datepickerOptions = {
        datepickerMode: "month",// Remove Single quotes
        minMode: 'month'
    };
}]);

})();

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!