Angular Material datepicker在一个组件中具有不同的格式

Question

我想在一个组件中使用两个日期选择器，它们具有不同的日期格式。

不幸的是，我已经花了三天了，但没有达到目标。

我通过DateProvider在核心模块中定义了日期格式，并且知道可以在特定组件中覆盖此格式，例如：

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

@Component({
  selector: '...',
  templateUrl: '...',
  styleUrls: ['...'],
  providers: [
    {provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE]},
    {provide: MAT_DATE_FORMATS, useValue: MY_FORMATS},
  ],
})

当我想要在组件之间使用不同的格式时，此解决方案就足够了，但是如何在一个组件中使用两个具有不同日期格式的日期选择器呢？

请帮助我！