Come rimuovere ui bootstrap datepicker footer angularjs

Question

Nota: Si possono trovare risposta in questo articolo: Remove footer from angular ui bootstrap date picker

Sto usando datapicket ui-bootstrap per la data di campo nascita. come sotto

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

Sta funzionando bene. come illustrato di seguito

Quindi la mia domanda è: come posso nascondere il piè di pagina del selettore data ??

Grazie in anticipo ..

Answer 1

si può fare a livello globale, come il seguente:

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

Oppure puoi farlo per un'istanza specifica di selezione data, come la folling:

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

Answer 2

Il suo silenzio un cattiva soluzione per questo, ma non ho visto un possibile soltion in the documentation. Si può forse nasconderli con i CSS in questo modo:

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

Se anche voi volete nascondere il <hr>:

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

Sostituire DatepickerDemoCtrl con il controller.

Answer 3

Il modello per la direttiva è incluso in JS se si scarica il file "ui-bootstrap-tpls- [versione] .min.js".

Potrebbe essere difficile modificare la versione minificata in modo da poter controllare la versione non ancora terminata.

Ma in fondo siete alla ricerca di codice HTML trovato @https://github.com/angular-ui/bootstrap/blob/master/template/datepicker/popup.html

Una volta trovato quel po 'nel file JS, modificarlo a piacere.

Answer 4

Il tuo problema è molto semplice. È possibile modificare la direttiva datepickerPopupWrap nel modulo angolare di bootstrap. È possibile trovare un campo templateUrl. Qualcosa di simile

TemplateURL: template/datepicker/popup.html,

Basta sostituire quel campo con modello:

 ^<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: Sostituire^con "Dal momento che StackOverflow lo prende come un blockquote. Ho usato ^.

---

campo modello definisce come visualizzare l'output nel browser.È anche possibile includere i propri elementi e mo dify come desideri.

Answer 5

cercando lo stesso, ho trovato questa risposta:

Remove week column and button from Angular-ui bootstrap datepicker

Quindi:

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