微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

我想知道是否有人知道如何禁用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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐