Désactiver des dates précises dans Angularjs sélecteur de date

Je veux désactiver des dates précises dans le sélecteur de date de AngularJS.

Je suis en utilisant AngularJS-bootstrap css pour les composants.

Les dates que je veux désactiver sera changeant dynamiquement en fonction de la sélection de la valeur précédente dans la liste déroulante.

Je crois date-disabled="disabled(date, mode)" devrait fonctionner, mais pas sûr.

Comment puis-je faire cela ?

Bonjour! avez-vous trouvé quelque chose à propos de désactiver les détails des dates dynamiquement (comme si vous avez une liste d'activités, vous choisissez une autre activité, alors vous désactiver certains jours sur le calendrier de provoquer cette activité n'a rien ces jours-ci)? merci!!!!

OriginalL'auteur Mital Pritmani | 2014-04-03

  1. 16

    Je suis en supposant que vous utilisez le Datepicker directive de l'Angulaire de l'INTERFACE utilisateur. Le date-disabled attribut permet de désactiver certaines dates (le week-end par exemple). Voir ce plunk http://plnkr.co/edit/gGAU0L?p=preview

    Si vous souhaitez désactiver dynamiquement des dates basé sur la sélection, vous pouvez utiliser le min et max des attributs et des observateurs. Voir http://plnkr.co/edit/W5pb1boMLOHZFnWkMU8o?p=preview

    Références:

    http://angular-ui.github.io/bootstrap/#/datepicker

    pourrais-je désactivé seulement quelques dates, basé sur la sélection?
    pas de travail de monsieur

    OriginalL'auteur Farhan Khan

  2. 6

    Noter, dès maintenant, dans la version la plus récente(à partir de la version 1.1.0) en avant de AngularUI Bootstrap, vous devez utiliser datepicker-options attribut à faire de la date de désactiver ainsi que des choses comme max/min date.

    dans le code html de contrôle, ajouter

    datepicker-options="vm.dateOptions"

    ou datepicker-options="dateOptions" si vous n'êtes pas à l'aide de controller as mais $scope directement.

    Puis dans votre contrôleur, définir la dateOptions objet. 

        vm.dateOptions = {
        maxDate: new Date(),
        dateDisabled: myDisabledDates
    };  

    function myDisabledDates(dateAndMode) {
        return ( dateAndMode.mode === 'day' && ( dateAndMode.date.getDay() === 0 || dateAndMode.date.getDay() === 6 ) );
    }

    !!!Avis!!! la fonction signature de la dateDisabled changé. Auparavant, il accepte un objet de date et d'une chaîne de mode. Dans la version la plus récente, il est enveloppé d'un objet contenant à la fois.

    OriginalL'auteur Leon li