在Angular 7 Mat datepicker中,要将月份名称从短改为长,可以通过自定义日期格式来实现。以下是实现的步骤:
import { MatDateFormats, MAT_DATE_FORMATS } from '@angular/material/core';
const MY_DATE_FORMATS: MatDateFormats = {
parse: {
dateInput: 'LL',
},
display: {
dateInput: 'LL',
monthYearLabel: 'MMMM YYYY',
dateA11yLabel: 'LL',
monthYearA11yLabel: 'MMMM YYYY',
},
};
@Component({
...
providers: [
{ provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
],
})
export class MyComponent {
...
}
<mat-form-field>
<input matInput [matDatepicker]="picker" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
通过以上步骤,你可以将Angular 7 Mat datepicker中的月份名称从短改为长。
关于Angular 7 Mat datepicker的更多信息和使用方法,你可以参考腾讯云的相关产品:Angular Material。
领取专属 10元无门槛券
手把手带您无忧上云