angularjs – 如何在Angular UI Datepicker中禁用年/月导航

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

导读：我想知道是否有人知道如何禁用Angular UI datepicker( http://angular-ui.github.io/bootstrap/#/datepicker)上的月/年导航按钮. 我们希望禁用用户点击导航箭头之间的“月/年”文本并且无法弄清楚的能力. 我们当前的配置选项如下所示： $scope.dateOptions =

我想知道是否有人知道如何禁用Angular UI datepicker( http://angular-ui.github.io/bootstrap/#/datepicker)上的月/年导航按钮.

我们希望禁用用户点击导航箭头之间的“月/年”文本并且无法弄清楚的能力.

我们当前的配置选项如下所示：

$scope.dateOptions = {
        'year-format': "'yyyy'",'starting-day': 0,'show-weeks': false
    };

我们的HTML看起来像这样：

<span datepicker-popup="shortDate" ng-model="currentDate" is-open="isDatePickerOpen" datepicker-options="dateOptions" show-button-bar="false" ng-click="openDatePicker($event)"></span>

有没有人想到这个？

解决方法

您可以使用max-mode属性并将其设置为day并禁用该按钮.

<datepicker max-mode="day" ng-model="dt"></datepicker>

看看这里：http://plnkr.co/edit/5I8QQiI3dLvOpyDjd2fk?p=preview

（编辑：李大同）

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