Question

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

15/09 / 2016,20：45

然而，使用Angular2提供的默认date管道，我得到以下内容（ 当我在真实设备上运行时 ）但是，On浏览器显示正确的格式：

15/09/2016，20：8：45 PM

以下是我在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.
}

Angular2 - 日期管道问题

1 个答案: