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

【问题标题】：How to change date-format while binding date in ng-model through md-datepicker如何通过 md-datepicker 在 ng-model 中绑定日期时更改日期格式
【发布时间】：2016-12-22 07:49:55
【问题描述】：

<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格式。

在图片中你可以看到我想要更改的美式格式的计划日期

【问题讨论】：

试试这个 - {{ editVersionCtrl.selectedPlannedDate |日期：'dd/mm/yyyy'}}

标签： javascript html angularjs datepicker angular-material

【解决方案1】：

您可以使用过滤器来实现这一点

检查这个Demo out

@sanjay Achar 建议您可以尝试以下代码

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

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

【讨论】：

为我工作。谢谢。我必须包括 Moment.js

【解决方案2】：

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

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

【讨论】：

{{editVersionCtrl.selectedPlannedDate|date:"dd/MM/yyyy 'at' h:mma"}}
这样的？
可以告诉我editVersionCtrl.selectedPlannedDate的值吗？