twitter bootstrap - tabset - Cómo eliminar ui bootstrap datepicker footer angularjs
ngbtypeahead (5)
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;
});
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..
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.
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.
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" />
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.