要在Angular的日期管道中仅显示月份和年份,可以使用自定义管道来处理日期格式。以下是一个解决方案的代码示例:
首先,创建一个名为monthYear
的自定义管道:
import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';
@Pipe({
name: 'monthYear'
})
export class MonthYearPipe implements PipeTransform {
transform(value: any, args?: any): any {
const datePipe = new DatePipe('en-US');
return datePipe.transform(value, 'MMM yyyy');
}
}
然后,在你的模板中使用monthYear
管道来格式化日期:
{{ myDate | monthYear }}
其中,myDate
是你要格式化的日期对象。
这样,管道将仅显示月份和年份,而不显示日期。输出的格式将类似于Jan 2023
。你可以根据需要修改日期格式。