AngularUI - 視圖和值中的UI Bootstrap Datepicker日期不同

Question

我有Uib Datepicker的問題。 我必須動態更改日期格式。 例如：

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

在日歷視圖中，它顯示為好，如我所願，例如"16-05"因為它插入了"yy-MM" ，但是后端value: "2016-05-02T21:00:00.000Z"這是以ng-value存儲。

如何修復它並向后端發送與視圖中相同的值？

Answer 1

datepicker指令要求ng-model值為JavaScript日期對象（如Angular input-date指令）。 如果您需要將日期作為“yy-MM”發送到服務，則可以使用Angular日期過濾器對其進行格式化。 如果您將ng-model值顯示到視圖的另一部分，則日期過濾器也將起作用。