Comment faire pour avoir au moins deux datepickers de l'interface utilisateur-bootstrap sur une seule page?

Je veux avoir plusieurs datepickers sur une page. Mais avec la solution par défaut de l'INTERFACE utilisateur de Bootstrap, il n'est pas possible, pas un de datepickers peut être ouvert. Le conflit les uns avec les autres. Voici mon code:

<div>
            <div class="form-horizontal pull-left">
                <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" is-open="opened" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true"/>
                <button class="btn" ng-click="open()"><span class="glyphicon glyphicon-calendar"></span></button>
            </div>
            <div class="form-horizontal pull-left">
                <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" is-open="opened" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" />
                <button class="btn" ng-click="open()"><span class="glyphicon glyphicon-calendar"></span></button>
            </div>
            <button type="submit" class="btn btn-default">Submit</button>
        </div>

J'ai juste fait un copier/coller de la datepicker code à partir du site http://angular-ui.github.io/bootstrap/#/datepicker. Ils entrent en conflit les uns avec les autres. Lorsque je clique sur <input> champ d'ouvrir un datepicker nul ne peut être ouvert correctement, les deux sont ouverts pour une deuxième et disparaissent immédiatement.

Comment puis-je avoir plusieurs datepickers sur une seule page?

  • Vous devriez probablement de les affecter à différents ng-modèles.
  • d'accord avec @aet et également utiliser une autre is-open variable pour chaque
  • Avez-vous trouvé la solution? Si oui, veuillez les décrire.
  • La solution est d'utiliser une variable différente pour les is-open attribut. Si vous ne faites pas que de l'interface utilisateur-bootstrap choses ne peuvent pas suivre avec qui on est ouvert. @Vert devrait sélectionnez l'une des réponses ci-dessous que l'on a accepté la réponse.
  • double possible de Comment usemultiple Angulaire UI Bootstrap Datepicker dans un seul formulaire?
InformationsquelleAutor Green | 2013-10-27