在Angular 2+中,可以通过创建自定义管道来自定义日期格式化。下面是一个示例:
customDatePipe
的自定义管道:import { Pipe, PipeTransform } from '@angular/core';
import { formatDate } from '@angular/common';
@Pipe({
name: 'customDatePipe'
})
export class CustomDatePipe implements PipeTransform {
transform(value: any, format: string): any {
return formatDate(value, format, 'en-US');
}
}
app.module.ts
文件中,将自定义管道添加到declarations
数组中:import { CustomDatePipe } from './custom-date.pipe';
@NgModule({
declarations: [
// ...
CustomDatePipe
],
// ...
})
export class AppModule { }
{{ today | customDatePipe: 'short' }}
{{ today | customDatePipe: 'yyyy-MM-dd' }}
在上面的示例中,customDatePipe
管道接受一个日期值和一个格式参数,并使用formatDate
函数将日期格式化为指定的格式。