如何删除ui bootstrap datepicker footer angularjs

Question

注意:您可以在本文中找到答案:从angular ui bootstrap日期选择器中删除页脚

我正在使用ui-bootstrap datapicket作为出生日期.如下

<input type="text" data-datepicker-popup="dd-MMMM-yyyy" data-show-weeks="false" data-ng-model="model.dateOfBirth" id="dateOfbirth" name="dateOfBirth">

它工作正常.如下所示

所以我的问题是如何隐藏日期选择器的页脚？

提前致谢..

Answer 1

您可以在全球范围内执行此操作,如下所示:

myApp.config(function (datepickerConfig, datepickerPopupConfig) {
    // datepickerConfig.showWeeks = false;
    // datepickerPopupConfig.toggleWeeksText = null;
    datepickerPopupConfig.showButtonBar = false;
});

或者你可以为日期选择器的特定实例执行此操作,例如:

<input type="text" ng-model="dt" show-button-bar="false" />

Answer 2

寻找相同的,我找到了这个答案:

从Angular-ui bootstrap datepicker中删除周列和按钮

所以:

angular.module('app', ['ui.bootstrap'])
  .config(function (datepickerConfig) {
      datepickerPopupConfig.showButtonBar = false;
    });