我们来做个时间格式化的管道,
1.在app/pipes文件夹下新建date-transform.pipe.ts文件,并且添加如下代码
import { Pipe, PipeTransform } from '@angular/core';
import * as moment from 'moment';
@Pipe({ name: 'dateTransform' })
export class DateTransformPipe implements PipeTransform {
transform(date:Date|string,format:string) {
if(!date){
return date;
}
return moment(date).format(format);
}
}
2.在app.module.ts中
@NgModule({
declarations: [
...
DateTransformPipe
],
...
})
3.使用
guaranteeDate:string | Date = new Date('2019-10-11');
<div class="price">¥{{guaranteeDate | dateTransform: 'YYYY-MM-DD HH:mm:ss' }}</div>
参开文献:angular官网-管道