删除uib-datepicker

Question

如何禁用/删除Angular uib-datepicker（https://angular-ui.github.io/bootstrap/#!#datepicker）上的月/年导航按钮

我们希望删除用户点击导航箭头之间的“月/年”文字并且无法弄明白的能力

Answer 1

您可以使用CSS隐藏它：

.uib-datepicker thead
{
    display:none;
}
 /* fix weeks padding if showing weeks */
.text-center.h6.ng-scope {
    padding: 8px;
}

Answer 2

您必须访问模板html本身并删除/禁用与该按钮相关联的input

The template on github can be found here

您必须修改第5行

 <th colspan="{{::5 + showWeeks}}"><button id="{{::uniqueId}}-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default btn-sm uib-title" ng-click="toggleMode()" ng-disabled="datepickerMode === maxMode" tabindex="-1"><strong>{{title}}</strong></button></th>

这仅适用于日间模式，如果有必要，您可以对月份和年份模式执行相同操作