Как удалить щий самозагрузкой Datepicker колонтитула angularjs

Question

Примечания: Вы можете найти ответ в этой статье: Remove footer from angular ui bootstrap date picker

Я использую щ-самозагрузку 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

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

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

Когда вы хотите, чтобы скрыть <hr>:

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

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

Answer 3

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

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

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

После того, как вы обнаружите, что бит в файле JS, изменить его, как вам нравится.

Answer 4

Ваша проблема очень проста. Вы можете изменить директиву datepickerPopupWrap в модуле угловой бутстрапа. Вы можете найти 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 принимает это как BLOCKQUOTE. i used ^.

---

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

Answer 5

Глядя на то же самое, я нашел этот ответ:

Remove week column and button from Angular-ui bootstrap datepicker

Итак:

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