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

Question

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

我们希望禁用用户点击＆＃34;月/年＆＃34;导航箭头之间的文字无法弄清楚。

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

$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>

有人想出来了吗？

Answer 1

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

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

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

Answer 2

如何使用css从ui中删除按钮？

.date-picker-button { display: none; }

注意：我不知道使用哪个选择器，它只是一个例子。您必须检查元素以查看实际选择器是什么