2014-03-05 6 views
5

Ich versuche, eine Richtlinie für die Datumsauswahl zu erstellen, aber das Popup funktioniert nicht (weder Klick in dem Textfeld oder die Taste)ui-Bootstrap-Datumsauswahl nicht funktioniert

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

pd: Die Idee ist, den gesamten Datepicker-Code vom Controller zu entfernen (da der Datepicker in vielen Controllern verwendet wird), also bitte nicht, die Open- und Close-Funktion auf den Page Controller zu verschieben.

+0

Ich bemerkte, dass die Datepicker-Direktive nicht funktioniert, wenn Sie versuchen, es von index.html aufzurufen. Ich suche immer noch, aber ich würde vorschlagen, dass dieses grundlegende Beispiel zuerst funktioniert und dann die Komplexität in der eigenen Direktive erhöht. – pherris

+0

angular.module ('foo', ['ui.bootstrap']) <- Sie haben den ui.bootstrap in Ihrem script.js verpasst, das funktioniert einwandfrei – pherris

+0

ja ich habe die Injektion im Modul thx vergessen, trotzdem bleibt das Problem bestehen. Plunker aktualisiert – agusluc

Antwort

10

Ich bin mir nicht sicher, dass dies den Weg zu Ihrem Ziel bringt, aber ich denke, die Hürde, die Sie haben, ist, dass Sie vergessen haben, ui.bootstrap beim Erstellen Ihrer 'foo' App zu importieren.

http://plnkr.co/edit/ZGl0VuJjVF1nliMidaL6

+0

Ich habe meinen Plunker mit dem Import aktualisiert, funktioniert aber nicht. Dein arbeitet, hast du noch etwas verändert? – agusluc

+0

die einzige andere Sache, die ich in Ihrem fehlt sehen kann, ist das Datepicker-Popup vom Input-Tag. "datepicker-popup (Standard: 'yyyy-MM-dd'): Das Format für die angezeigten Daten." – pherris

+0

ja, es war das datepicker-popup (seltsam, wird nicht benötigt, wenn du den datepicker auf "standar" Weise verwendest). Auch ein anderes Problem gefunden, mein Controler war ein Konfigurationsmodul, das nicht definiert ist (es ist ein Rest des ursprünglichen Codes in meinem Projekt). Danke! – agusluc

2

Sie haben Sicherstellen, dass die ist offen Attribut im Markup definiert.

<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" /> 
Verwandte Themen