AngularUI Datepicker dynamique de la date de désactivation

Je suis en utilisant le AngularUI datepicker.

J'ai deux datepickers qui s'influencent les uns les autres. On est par exemple une "date de début" et l'autre est une "date de fin". Au lieu de créer de validation pour les deux datepickers, je tiens à éliminer la possibilité d'avoir des dates non valides (c'est à dire la date de fin antérieure à la date de début et vice versa).

Est-il un moyen de re-déclenchement de la date-désactivé attribut sur une sélection d'une date? (re-déclencher la date handicapés de l'AUTRE datepicker)

Mon plunkr: j'ai un début et une date de fin, comme vous pouvez le voir quand vous ouvrez chaque sélecteur de date, vous ne pouvez pas choisir une date de début plus élevés que la date de fin et vice-versa. Cependant si j'ai changer ma date de début de l'11/21, je veux la date de fin du datepicker pour mettre à jour, de sorte que la 11/20 n'est plus cliquable. Est-il possible de faire cela?

http://plnkr.co/edit/TgisJnSwQItDeCuIReLL?p=preview

OriginalL'auteur changus | 2013-11-27

  1. 8

    Il est possible de le faire à l'aide de min et max des attributs en combinaison avec regarder les cueilleurs de valeurs.
    Regardez http://plnkr.co/edit/W5pb1boMLOHZFnWkMU8o?p=preview

    cela a parfaitement fonctionné, merci!
    Excellent travail, Merci à vous
    À partir de votre plunker, j'en vois un défaut. Si j'ai d'abord sélectionner la Date de Fin de(10/2/2014) puis passez à l'sélectionnez la date de départ et cliquez sur aujourd'hui(10/0/2014). Cela me permet de sélectionner aujourd'hui(10/8/2014) comme date de départ qui est supérieure à la date de fin de(10/2/2014)

    OriginalL'auteur zergius

  2. 4

    Que vous n'avez vraiment pas besoin de javascript.
    ici est un fork de la solution précédente.

    http://plnkr.co/edit/kXkzCeBTlxOpOyZKfTiN

    si vous disposez de deux entrées telles que

             <input id="getTSStartDateInput" ng-model="StartDate" type="text" class="form-control ng-pristine ng-valid ng-valid-required" datepicker-popup="dd MMM yyyy" required="required" ng-required="true"/>  
           <input id="getTSEndDateInput" ng-model="EndDate" min="StartDate" type="text" class="form-control ng-pristine ng-valid ng-valid-required" datepicker-popup="dd MMM yyyy" required="required" ng-required="true"/>

    il fonctionnera automatiquement et désactiver la date de fin est antérieure à la date de début
    avis de la ng-model="EndDate" min="StartDate", c'est tout ce dont vous avez besoin.

    OriginalL'auteur Abdullah Choudhury

  3. 0

    J'ai utilisé une solution simple d'ajouter ng-changement dans la date de début et la date de fin. Si la date de début ensuite, les changements de définir le minDate de la date de fin de startDate et va de même pour la date de fin. Hope qui aide

    OriginalL'auteur peace.rider