在Angular 2和JSON中保存日期

Question

这是我用Angular 2应用程序遇到的一个非常困难的问题。我正在尝试格式化我的API（MongoDB），以便管理员添加的每个新“帖子”都可以由DATE（而非时间）由前端获取。例如，我的模式如下所示：

{name: "The best product ever",date: "25092016",quantity: 345},{name:"The okayest product ever",date: "26092016",quantity: 544,} 

如您所知，日期属性是单个数字。然后我有一个函数可以从当前日期的对象中获取数据。但是，这是问题所在。我用于JSON的日期格式是'ddMMyyyy'。这对HTML模板中的日期管道很有效，但我似乎无法在变量中格式化任何日期以匹配此格式或类似的格式。 Angular 2类中的所有日期显示GMT和时间戳等。

如何在Angular 2组件中格式化日期以匹配简短的简洁字符串格式？

Answer 1

即使在您的代码中，您也可以使用该DatePipe。 :)

https://plnkr.co/edit/6pbHMVSTmndvs9CqYYUL?p=preview

import {Component, NgModule} from '@angular/core' 
import {BrowserModule} from '@angular/platform-browser' 

import {DatePipe} from '@angular/common'; 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <div> 
     <h2>Hello {{name}}</h2> 
    </div> 
    `, 
}) 
export class App { 
    name:string; 
    constructor() { 
    this.name = 'Angular2' 

    let dp = new DatePipe('de-DE' /* locale .. */); 
    this.name = dp.transform(new Date(), 'ddMMyyyy'); 
    console.log(name); 
    } 
} 

@NgModule({ 
    imports: [ BrowserModule ], 
    declarations: [ App ], 
    bootstrap: [ App ] 
}) 
export class AppModule {} 

或者你要使用图书馆像Moment.js ..