Angular2 - 日期管道问题

Question

I am trying to format the date time that I fetch from the DB in the following format:

15/09/2016, 20:45

However using the default date Pipe provided by Angular2, I get the following ( When I run on a real device ) However, On the browser it shows the correct format:

15/09/2016, 20:8:45 PM

Here is how I am formatting it in the HTML side:

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

Any ideas on what's wrong?

Answer 1

There are many ways to do it. You have to make sure that date which you fetch must be in date format. If it is, it will work properly with date pipe . If it is not you have to make sure that you convert it in to date as shown below. (This may help you to understand what I mean)

Working Demo : 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.
}