AngularUI - UI Bootstrap Datepicker Datum auf Sicht und im Wert sind unterschiedlich

Question

Ich habe ein Problem mit Uib Datepicker. Ich muss das Datumsformat dynamisch ändern. zum Beispiel:

<input type="text" 
 
         class="form-control" 
 
         ng-model="field.value" 
 
         ng-value="field.value" 
 
         name="{{field.name}}" 
 
         uib-datepicker-popup="dateFormat" // I could be yy-MM and other 
 
         is-open="openedStart" 
 
         datepicker-options="dateOptions" 
 
         show-button-bar="false" 
 
         show-weeks="false" 
 
         ng-click="openedStart = !openedStart" 
 
         />

Im Kalender sieht es gut dargestellt ist, wie ich will, zum Beispiel "16-05" wie es "yy-MM" eingefügt wurde, sondern an das Backend geht value: "2016-05-02T21:00:00.000Z" die Geschäfte in den ng-value sind.

Wie es zu beheben und an das Back-End den gleichen Wert wie in der Ansicht senden?

Answer 1

Die Datepicker-Direktive erfordert, dass der ng-Modellwert ein JavaScript-Datumsobjekt ist (wie die Angular-Eingabe - Datumsanweisung). Wenn Sie das Datum als "yy-MM" an einen Service senden müssen, können Sie es mit dem Angular date filter formatieren. Der Datumsfilter funktioniert auch, wenn Sie den ng-Modellwert für einen anderen Teil Ihrer Ansicht anzeigen.