Định dạng ngày giờ trong Angular 2

Question

Làm thế nào để hiển thị thời gian ngày trong Angular2?

{{}} DTE

It in ngày 2014-10-10T11: 42: 28.000Z

trong khi tôi cần nó in như

ngày 10 tháng 10 năm 2015

Answer 1

bạn có thể sử dụng moment.js như bên thứ ba.

ống amDateFormat

import {DateFormatPipe} from 'angular2-moment'; 
    @Component({ 
     selector: 'app', 
     pipes: [DateFormatPipe], 
     template: ` 
     Last updated: <time>{{myDate | amDateFormat:'LL'}}</time> 
     ` 
    }) 

Prints Last updated: January 24, 2016 

Tài liệu: https://github.com/urish/angular2-moment

Answer 2

chỉ cần sử dụng bộ lọc đường ống có ur {{dte}} ...

chỉ cần sử dụng {{dte | date: 'MM/dd/yyyy @ h: mma'}}

nó sẽ cho u đầu ra mong muốn của bạn :)

Answer 3

Sử dụng date pipe:

{{dte | date}} 

Bạn có thể chọn một định dạng được xác định trước (ví dụ shortDate):

{{dte | date:'mediumDate'}} 

Hoặc chọn định dạng tùy chỉnh của bạn:

{{dte | date:'MM dd, yyyy'}}