masquer seul bouton effacer dans angular js datepicker directive

Je veux cacher seul bouton de datepicker directive en angular js.
Actuellement, il y a trois boutons au bas de la angular js datePicker directive(aujourd'Hui, claire et Fermer), Est-il possible de faire de la visibilité de ces boutons configurables, de telle sorte que je peux me cacher l'un de ces boutons.

Le sélecteur de Date dont je suis l'aide est l'aide de l'interface utilisateur-bootstrap bibliothèque.

Pouvez-vous nous donner quelques captures d'écran peut-être? Aussi, qu'avez-vous essayé?
si vous pouvez fournir une démo de votre cas, disons plnkr.co sandbox qui pourrait rendre plus facile pour le public à vous aider
Je suis d'accord avec les réponses pour faire cela via css. Il n'existe aucune autre solution de rechange rapide ou de prêt options disponibles pour supprimer ce bouton. Donc, soit la façon rapide et facile (css) ou le plus complexe en modifiant le fichier de modèle qui n'est pas toujours possible pour les applications de l'entreprise ou ceux qui utilisent la charmille.

OriginalL'auteur Ans | 2015-03-30

  1. 4

    Actuellement, il n'existe aucune façon de masquer les boutons de la datepicker barre de bouton via les options sur la directive. Vous pouvez remplacer le modèle et retirer le bouton effacer, mais c'est un correctif global et n'offre pas de masquage/affichage en fonction d'une condition. Vous pouvez créer une classe qui cible le bouton que vous souhaitez masquer que ce plunk

       .datepicker-noclear [ng-click="select(null)"] {
      display: none;
    }

    montre bien que c'est un fragile de solution de contournement.

    Je suggère de soumettre une demande de fonctionnalité pour ajouter l'option de quels boutons sont disponibles dans la barre de boutons.

    OriginalL'auteur Rob J

  2. 3

    Facile, remplacer le modèle:

    <script type="text/ng-template" id="template/datepicker/popup.html">
    <ul class="dropdown-menu" ng-if="isOpen" style="display: block" ng-style="{top: position.top+'px', left: position.left+'px'}" ng-keydown="keydown($event)" ng-click="$event.stopPropagation()">
        <li ng-transclude></li>
        <li ng-if="showButtonBar" style="padding:10px 9px 2px">
            <span class="btn-group pull-left">
            <button type="button" class="btn btn-sm btn-info" ng-click="select('today')" ng-disabled="isDisabled('today')">{{ getText('current') }}</button>
            </span>
            <button type="button" class="btn btn-sm btn-success pull-right" ng-click="close()">{{ getText('close') }}</button>
        </li>
    </ul>
</script>

    OriginalL'auteur rigobcastro

  3. 3

    Vous hack avec les css. Il a travaillé pour moi. 

    .ui-datepicker .btn-group .btn-danger.btn{
    display: none;
}

    OriginalL'auteur keepscoding

  4. 0

    Plus à Rob J est solution, si l'on ajoute un ng-classe={"require": "vm.nécessaire"} à la div parent de la datepicker d'entrée, ou tout simplement ajouter une classe appelée nécessitent à la div. Ensuite, utilisez la magie css pour afficher ou masquer le bouton effacer en fonction de la valeur de vm.requis:

    .require button[ng-click^="select(null)"] {
    display: none;
}

    OriginalL'auteur Rex

  5. 0

    Vous pouvez faire cela en css truc pour cacher le bouton effacer :

    .uib-button-bar > .btn-group > .btn-danger {
    display: none !important;
}

    OriginalL'auteur Kumail Hussain