web-dev-qa-db-fra.com

ui-bootstrap Datepicker ne fonctionne pas

J'essaie de créer une directive pour le sélecteur de date, mais la fenêtre contextuelle ne fonctionne pas (ni en cliquant dans le champ de texte ni sur le bouton)

Plunker: http://plnkr.co/edit/hUxQASblscbhhZFvWDyN

p.d: l'idée est de supprimer tout le code datepicker du contrôleur (car le datepicker sera utilisé dans de nombreux contrôleurs), veuillez donc ne pas suggérer de déplacer les fonctions d'ouverture et de fermeture du contrôleur de page.

5
agusluc

Je ne suis pas sûr que cela vous mènera à votre objectif, mais je pense que le problème que vous rencontrez est que vous avez oublié d'importer ui.bootstrap lors de la création de votre application "foo".

http://plnkr.co/edit/ZGl0VuJjVF1nliMidaL6

10
pherris

Assurez-vous que l'attribut is-open est défini dans le balisage.

<input type="text" class="form-control" datepicker-popup="date.format" ng-model="date.selectedDate" max-date="date.maxDate" datepicker-options="date.dateOptions" date-disabled="date.disabled(date, mode)" ng-required="true" close-text="Close" show-weeks="false" is-open="date.opened" ng-focus="date.opened=true" />
2
Mahesh