uib-datepicker-popup: Kalenderanzeigen, Schaltflächenleiste funktionieren richtig, aber Tag Tasten nicht

Question

Ich benutze uib-datepicker-popup ziemlich stark in meiner Anwendung. Es hat bis zu diesem speziellen Fall perfekt funktioniert.

Ich benutze es genauso wie ich in jeder anderen Anwendung, aber es funktioniert nur zur Hälfte.

Die Schaltflächen "Heute", "Löschen" und "Fertig" in der unteren Leiste funktionieren wie erwartet (durch Drücken von "Heute" wird das Datum in die Eingabe eingefügt und der Kalender ausgeblendet, "Löschen" löscht die Eingabe und blendet den Kalender aus , "Fertig" blendet den Kalender aus.

Wenn ich jedoch ein beliebiges Datum/Tag im Kalender auswähle, wird es hervorgehoben, aber das Datum wird nicht in die Eingabe eingetragen und der Kalender bleibt geöffnet.

Hier ist mein html:

<input type="text" class="form-control" name="convert_date" uib-datepicker-popup="M/d/yyyy" ng-model="vm.case.convert_date" ng-disabled="!vm.isActive" placeholder="m/d/yyyy" is-open="open" ng-click="open = true" ng-focus="open = true" show-weeks="false">

Irgendwelche Ideen, warum die Datums Tasten nicht die Eingabe bevölkern?

Answer 1

ngModelOptions war der Schuldige hier. Ich hatte es für die gesamte Ansicht in diesem Bereich meiner Anwendung wie folgt festgelegt:

ng-model-options="{ updateOn: 'blur click', debounce: {'blur': 0, 'click': 0} }"

Dies ist der Tag/Datum-Tasten von der Möglichkeit, verhindert ihre Ereignisse auszulösen und die Eingabe bevölkern und verstecken der Kalender.

aufgelöst ich mein Problem durch wie so eine andere Instanz ngModelOptions direkt als Attribut zu meinem uib-Datepicker-Popup-Element hinzu:

<input ng-model-options="{ updateOn: 'default' }" name="convert_date" uib-datepicker-popup="M/d/yyyy" type="text" class="form-control" ng-model="vm.case.convert_date" ng-disabled="!vm.isActive" placeholder="m/d/yyyy" is-open="open" ng-click="open = true" ng-focus="open = true" show-weeks="false">

Dieses das Modellverhalten auf den Standard zurücksetzen Einstellungen, damit der Datepicker wieder korrekt funktioniert.