Supprimer des boutons de navigation mois à UIB-datepicker

Question

comment désactiver/supprimer le bouton de navigation mois/année sur le Angulaire UIB-datepicker (https://angular-ui.github.io/bootstrap/#!#datepicker)

Nous voulons supprimer la possibilité pour les utilisateurs de cliquer sur sur le texte « Mois/Année » entre les flèches de navigation et ne peut pas le comprendre

Answer 1

Vous devrez accéder au modèle lui-même html et supprimer/désactiver le input associé à ce bouton

The template on github can be found here

Vous devrez modifier la ligne 5

<th colspan="{{::5 + showWeeks}}"><button id="{{::uniqueId}}-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default btn-sm uib-title" ng-click="toggleMode()" ng-disabled="datepickerMode === maxMode" tabindex="-1"><strong>{{title}}</strong></button></th> 

Ceci est uniquement pour le mode jour, vous pouvez faire la même chose pour les modes mois et l'année si le besoin viendra

Answer 2

Vous pouvez le cacher CSS:

.uib-datepicker thead 
{ 
    display:none; 
} 
/* fix weeks padding if showing weeks */ 
.text-center.h6.ng-scope { 
    padding: 8px; 
}