在Angular中,如果要使用input type="date"
来显示日期,并且不希望日期以带有"T"的格式显示,可以使用以下解决方法:
date-format.pipe.ts
的管道文件,并添加以下代码:import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';
@Pipe({
name: 'dateFormat'
})
export class DateFormatPipe extends DatePipe implements PipeTransform {
transform(value: any, args?: any): any {
return super.transform(value, 'yyyy-MM-dd');
}
}
app.module.ts
)中,将DateFormatPipe
添加到declarations
和exports
数组中,以使其在整个应用中可用:import { DateFormatPipe } from './date-format.pipe';
@NgModule({
declarations: [
// ...
DateFormatPipe
],
exports: [
// ...
DateFormatPipe
]
})
export class AppModule { }
input type="date"
来显示日期,并使用dateFormat
管道将日期格式化为所需的格式:
在这个示例中,myDate
是一个组件中的日期属性。
这样,日期将以yyyy-MM-dd
的格式显示,而不会有带有"T"的时间格式。