问题原因:日期管道的格式选项有限,无法直接输出'full'格式。 解决步骤:使用自定义管道或者 DatePipe 的 transform 方法进行处理。 示例代码:
import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';
@Pipe({
name: 'fullDate'
})
export class FullDatePipe implements PipeTransform {
transform(value: any, args?: any): any {
const datePipe = new DatePipe("en-US");
return datePipe.transform(value, 'MMMM d, y, h:mm:ss a zzzz');
}
}
在模板中使用:
{{ currentDate | fullDate }}
import { Component } from '@angular/core';
import { DatePipe } from '@angular/common';
@Component({
selector: 'app-root',
template: `
{{ currentDate | date:'full' }}
{{ transformedDate }}
`
})
export class AppComponent {
currentDate = new Date();
transformedDate: string;
constructor(private datePipe: DatePipe) {
this.transformedDate = this.datePipe.transform(this.currentDate, 'MMMM d, y, h:mm:ss a zzzz');
}
}
注意:如果使用 DatePipe,需要在模块中声明并注入 DatePipe。
上一篇:Angular日期管道