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

时间:2016-12-22 07:49:56

标签: javascript html angularjs datepicker angular-material

<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格式更改它。

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

enter image description here

2 个答案:

答案 0 :(得分:0)

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

之类的过滤器
<span>{{'1288323623006' | date:"dd/MM/yyyy"}}</span><br>

答案 1 :(得分:0)

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

检查此Demo

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

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

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