twitter bootstrap - tabset - Cómo eliminar ui bootstrap datepicker footer angularjs

ngbtypeahead

Question

Nota: Puede encontrar la respuesta en este artículo: Eliminar pie de página del selector de fecha de rutina de la interfaz de usuario angular

Estoy usando ui-bootstrap datapicket para el campo de fecha de nacimiento. como a continuación

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

Está funcionando bien. Como se muestra abajo

Así que mi pregunta es ¿cómo puedo ocultar el pie de página del selector de fecha?

Gracias por adelantado..

Answer 1

Buscando lo mismo, he encontrado esta respuesta:

Eliminar la columna de la semana y el botón del selector de fechas Angular-ui datepicker

Asi que:

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

Answer 2

Es silenciosamente una mala solución para eso, pero no vi una posible solución en la documentación . Quizás puedas esconderlos con CSS de esta manera:

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

Cuando también quieras ocultar el <hr> :

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

Reemplace DatepickerDemoCtrl con su controlador.

Answer 3

La plantilla para la directiva se incluye en el JS si descarga el archivo "ui-bootstrap-tpls- [version] .min.js".

Puede ser difícil modificar la versión minificada, por lo que es posible que desee revisar la versión no minificada.

Pero básicamente estás buscando el código HTML encontrado @ https://github.com/angular-ui/bootstrap/blob/master/template/datepicker/popup.html

Una vez que encuentre ese bit en su archivo JS, modifíquelo a su gusto.

Answer 4

Puedes hacerlo a nivel mundial, como lo siguiente:

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

O puede hacerlo para una instancia específica del selector de fechas, como el siguiente:

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

Answer 5

Tu problema es muy simple. Puede modificar la directiva datepickerPopupWrap en el módulo de arranque angular. Puedes encontrar un campo templateUrl. Algo como esto

templateUrl: template / datepicker / popup.html,

Simplemente reemplaza ese campo con una plantilla:

 ^<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>^,

NOTA: Reemplace ^ por ". Ya que lo toma como una cita de bloque que usé ^.

El campo de plantilla define cómo mostrar la salida en el navegador. Incluso puedes incluir tus propios elementos y modificarlos como desees.