如何在 DatePicker 角度材料中格式化日期答案

【问题标题】：How to format Date in DatePicker angular-material如何在 DatePicker 角度材料中格式化日期
【发布时间】：2021-03-30 15:39:59
【问题描述】：

我从后端的 webAPI 获取我的日期，并获得 ISO8601 格式的值

fechaFin:Date;

fechaFin:2021-08-29T22:00:00;

但我需要以 dd-mm-yyyy 格式显示，所以，“29-08-2021”

所以在我的 datepicker.html 中有这个

<input matInput 
    [matDatepicker]="picker" 
    (dateChange)="addEvent('change', $event)" 
    [(ngModel)]='date'
  >

然后在 datepicker.ts 中

export const MY_FORMATS = {
  parse: {
  dateInput: 'L',
},
display: {
 dateInput: 'L',
 monthYearLabel: 'MM YYYY',
 dateA11yLabel: 'L',
 monthYearA11yLabel: 'MM YYYY',
},
};

@Component({
  selector: 'app-cabecera',
  templateUrl: './cabecera.component.html',
  styleUrls: ['./cabecera.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
  providers: [
  {
   provide: DateAdapter, 
   useClass: MomentDateAdapter, 
   deps: [MAT_DATE_LOCALE]
  },
 {
   provide: MAT_DATE_FORMATS, 
   useValue: MY_FORMATS
 },

], })

我看到了这个

但我不知道怎么看这个“29-08-2021”

在我的控制面板中有这个

如果我尝试同样的结果

有什么想法吗？

【问题讨论】：

标签： angular-material momentjs

【解决方案1】：

解决了

export const MY_FORMATS = {
 parse: {
dateInput: 'DD-MM-YYYY',
},
display: {
dateInput: 'DD-MM-YYYY',
monthYearLabel: 'MMMM YYYY',
dateA11yLabel: 'L',
monthYearA11yLabel: 'MMMM YYYY',
},
};

谢谢

【讨论】：