2016-11-02 60 views
1

我在使用打字稿的Angular 2中有应用程序(表格应用程序)。我得到的一些数据从服务器GET(HTTP服务):转换日期的名称

private baseURL: string = "http://101.16.7.32/backend"; 
public getListsServices(): Observable<Response> { 
    return this.http.get(this.baseURL + this.listsUrl); 
} 

,并在列之一,我在此格式2016-11-01T09:23:56.870189+03:00(这个日期我从服务器获取)得到一个日期。

现在,我的任务是只显示日期 - 2016-11-01,时间不使用和显示。 我该怎么办?创建一些自定义@Pipe? 喜欢倾向:

@Pipe({ name: 'transformingDate' }) 
export class TransDate implements PipeTransform { 
    transform(value: boolean): string { 
    return (!!value) ? 'date' : 'false'; 
    } 
} 

还是什么?

回答

2

您可以简单地使用DatePipe

<div>{{myDate | date: yMd}}</div> 

将输出2016/11/01如果myDate2016-11-01T09:23:56.870189+03:00(这是一个ISO字符串)。

如果要定制输出,请检查文档链接。