如何在 Angular UI 日期选择器中禁用 Year/Month 导航

Question

我想知道是否有人知道如何禁用 Angular UI 日期选择器 (http://angular-ui.github.io/bootstrap/#/datepicker) 上的 month/year 导航按钮。

我们想要禁用用户单击导航箭头之间的 "Month/Year" 文本但无法理解的功能。

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

$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

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

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

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

Answer 2

您可以使用最大模式属性并将其设置为日，然后将禁用该按钮。

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

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

如何在 Angular UI 日期选择器中禁用 Year/Month 导航

How to disable Year/Month navigation in Angular UI Datepicker

datepicker

angularjs

angular-ui-bootstrap