如何通过md-datepicker在ng-model中绑定日期时更改日期格式

Question

<md-input-container>
  <label>Planned Date</label>
  <md-datepicker
     ng-model="editVersionCtrl.selectedPlannedDate"
     ng-change="editVersionCtrl.checkPlannedDate()">
  </md-datepicker>
</md-input-container>

我有一个日期，我在ng-model中从后端绑定。它以mm / dd / yyyy格式出现。我想以dd / mm / yyyy格式更改它。

在图像中，您可以看到我想要更改的美国格式的计划日期

Answer 1

您可以使用过滤器来实现此目的

检查这个Demo了

正如@sanjay Achar建议您可以尝试下面的代码

<md-datepicker
  ng-model="editVersionCtrl.selectedPlannedDate"
  ng-change="editVersionCtrl.checkPlannedDate()">

  {{selectedPlannedDate | date: 'dd/mm/yyyy'}}
</md-datepicker> 

Answer 2

使用角度的日期过滤器但请记住日期必须是时间戳。将其转换为时间戳并应用过滤器

<span>{{'1288323623006' | date:"dd/MM/yyyy"}}</span><br>