Angular 角度2 iso日期格式

如何将ISO日期格式化为正确格式？服务器端返回的日期格式如下：2016-12-28011:44:00Z

这是我的html：

<tr *ngFor="#ticket of tickets">
   <td>{{ticket.id}}</td>
    <td>{{ticket.subject}}</td>
    <td>{{ticket.status}}</td>
    <td>{{ticket.created_at}}</td>
    <td>{{ticket.updated_at}}</td>
    <td><a [routerLink]="['SingleTicket', {'id': ticket.id}]" class="btn btn-outline-primary">View</a></td>
</tr>

---

你试过烟斗吗。。（旧的角度1过滤器）。。比如：

<td>{{ticket.created_at | date: 'dd/MM/yyyy' }}</td>

{{ticket.created}日期：'dd/MM/yyyy'}

您可以通过

npm安装时刻使用--save

和

const moment = require('moment')    
formatedDate = moment("2010-01-01T05:06:07", moment.ISO_8601);

您也可以选择其他格式

moment('2016-12-28T11:44:00Z').format('MMMM Do YYYY, h:mm:ss a'); // December 30th 2016, 9:56:04 am
moment('2016-12-28T11:44:00Z').format('dddd');                    // Friday
moment('2016-12-28T11:44:00Z').format("MMM Do YY");               // Dec 30th 16
moment('2016-12-28T11:44:00Z').format('YYYY [escaped] YYYY');     // 2016 escaped 2016

---

您可以尝试使用

moment.js

：

<tr *ngFor="#ticket of tickets">
  <td>{{ticket.id}}</td>
  <td>{{ticket.subject}}</td>
  <td>{{ticket.status}}</td>
  <td>{{formatDateTime(ticket.created_at)}}</td>
  <td>{{formatDateTime(ticket.updated_at)}}</td>
  <td><a [routerLink]="['SingleTicket', {'id': ticket.id}]" class="btn btn-outline-primary">View</a></td>
</tr>

它对我有用，希望也对你有用。

{{{ticket.created}日期：'dd/MM/yyyy'}}

---

您可以添加管道并过滤格式

是否尝试使用管道？比如| date:'dd/MM/yyyy'@federicoscamuzzi我试过了，但管道的无效参数'2016-12-28811:44:00Z'DatePipeHi，我试过管道，管道的无效参数'2016-12-28811:44:00Z'DatePipe也有类似的内容：| date:'fullDate'你建议的方式是{ticket.created| date:'yyyy-MM-dd}或{{ticket.created_at|date:'fullDate'}}尝试过，异常：管道'DatePipe'在[{ticket.created|u at | date:'fullDate'}@Avensh中的参数'2016-12-28211:44:00Z'无效[{ticket.created| u at:'fullDate'}@hi I，我使用的是Angular2，看起来你的方式是angular1I更新代码。这在Angular2.0中也可以正常工作。我使用的版本

“时刻”：=2.17

与网页包一起使用。@Avensh hi，在安装了moment之后，我如何导入它？从'moment/moment'导入{moment}；不使用此选项：

import*作为'moment'的moment；

和

'node_modules'

应该添加

modulesDirectories

，我认为已经添加了。

<tr *ngFor="#ticket of tickets">
  <td>{{ticket.id}}</td>
  <td>{{ticket.subject}}</td>
  <td>{{ticket.status}}</td>
  <td>{{formatDateTime(ticket.created_at)}}</td>
  <td>{{formatDateTime(ticket.updated_at)}}</td>
  <td><a [routerLink]="['SingleTicket', {'id': ticket.id}]" class="btn btn-outline-primary">View</a></td>
</tr>

formatDateTime(date: Date): string {
    if (!date) {
        return '';
    }

    return moment(date).format('MM/DD/YYYY hh:mm A');
}