角度输入[日期] ng-模型格式

Question

以角度使用输入[日期]时，输入格式为DD / MM / YYYY，但ng-model的值为YYYY-MM-DD格式。

是否可以将值的格式更改为DD / MM / YYYY？

<input type="date" ng-model="date" class="DateInput"/>

Answer 1

您可以使用angular-ui-mask将格式更改为[DD / MM / YYYY] ui-mask='99/99/9999'。

Answer 2

添加$ watch，当日期更改时，将日期格式化为DD / MM / YYYY。

Answer 3

您可以使用角度日期过滤器https://docs.angularjs.org/api/ng/filter/date

{{date | date:'dd/MM/yyyy'}}