Как удалить ui bootstrap нижний колонтитул datepicker angularjs

Примечание.. Вы можете найти ответ в этой статье: Удалить нижний колонтитул из angular ui bootstrap date picker

Я использую 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">

Он работает нормально. как показано ниже

Итак, мой вопрос: как скрыть нижний колонтитул выбора даты?

Спасибо заранее.

Ответы

Ответ 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" />

Ответ 2

Ищем то же самое, я нашел этот ответ:

Удалить столбец недели и кнопку из Angular -ui bootstrap datepicker

Итак:

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

Ответ 3

Шаблон для директивы включен в JS, если вы загружаете файл "ui-bootstrap-tpls- [version].min.js".

Возможно, было бы сложно изменить мини-версию, чтобы вы могли проверить несрочную версию.

Но в основном вы ищете HTML-код, найденный @https://github.com/angular-ui/bootstrap/blob/master/template/datepicker/popup.html

Как только вы найдете этот бит в своем JS файле, измените его, как вам нравится.

Ответ 4

Это тихое плохое решение для этого, но я не видел возможного soltion в документации. Вы можете скрыть их с помощью CSS таким образом:

[ng-controller="DatepickerDemoCtrl"] > hr ~ button { display:none }

Если вы также хотите скрыть <hr>:

[ng-controller="DatepickerDemoCtrl"] > hr { display:none }

Замените DatepickerDemoCtrl на свой контроллер.

Ответ 5

Ваша проблема очень проста. Вы можете изменить директиву datepickerPopupWrap в модуле bootstrap angular. Вы можете найти поле templateUrl. Что-то вроде этого

templateUrl: шаблон /DatePicker/popup.html,

Просто замените это поле на шаблон:

        ^<ul class=\^dropdown-menu\^ ng-style=\^{display: (isOpen && 'block') || 'none', top: position.top+'px', left: position.left+'px'}\^ class=\^dropdown-menu\^>\n^ +
        ^   <li ng-transclude></li>\n^ +
        ^</ul>^,

ПРИМЕЧАНИЕ: Замените ^ на ". Так как stackoverflow берет его в качестве блока, который я использовал ^.

Поле

template определяет, как отображать вывод в браузере. Вы можете даже включать свои собственные элементы и изменять, как пожелаете.