Angular2 - 日期管道问题

Question

我正在尝试将我从数据库中获取的日期时间格式化为以下格式：

15/09/2016, 20:45

但是使用 Angular2 提供的默认 date Pipe，我得到以下信息（当我在真实设备上运行时）但是，在浏览器上它显示了正确的格式：

2016 年 9 月 15 日，晚上 20:8:45

这是我在 HTML 端的格式化方式：

{{ order.time | date:"dd/MM/y, HH:mm" }}

有什么想法吗？

Answer 1

有很多方法可以做到这一点。您必须确保您获取的日期必须是日期格式。如果是，它将与 日期管道 一起正常工作。如果不是，您必须确保将其转换为日期，如下所示。 （这可能有助于你理解我的意思）

工作演示：https://plnkr.co/edit/aaFu5G759ghUQvk1a9Zw

import { Component } from '@angular/core';
import { DomSanitizer, SafeResourceUrl, SafeUrl } from '@angular/platform-browser';
@Component({
  selector: 'my-app',
  template: `      
  {{date|date:"dd/MM/y, HH:mm"}} //<----- here make sure date variable has proper date(type)
  `
})
export class AppComponent { 

  date=new Date(2016,08,5,20,45);   

  //<---- date variable gets proper date(type)
  //<---- also note month starts with zero(0) so for sep month (08) is taken.
}