MAT_DATE_FORMATS字段的定义/含义

Abh*_*Jha 10 datepicker typescript angular-material2 angular

自定义日期选择器的解析和显示格式的材料示例使用自定义MAT_DATE_FORMATS
dateA11yLabel

我无法找到这些领域display.dateInput将在何处以及如何发挥作用.我能想到的display.monthYearLabel是用于在日历上显示所选日期,并dateA11yLabel用于年份选择器的选择下拉列表.

  1. 其他领域在哪里使用?
  2. 在编写自定义MAT_DATE_FORMATS时,是否必须定义所有字段?

小智 6

好吧,我发现了以下几点:

日期选择器

 parse: {

    dateInput: 'DD.MM.YYYY',
  }, 
  display: {

    dateInput: 'DD.MM.YYYY',
    monthYearLabel: 'MMM YYYY',
    dateA11yLabel: 'LL',
    monthYearA11yLabel: 'MMMM-YYYY',
  },
Run Code Online (Sandbox Code Playgroud)
  • with parse.dateInput:您可以让用户以任何格式输入任何类型的日期,日期适配器会将其重新格式化为您在此属性中指定的格式

  • display.dateInput您可以指定输入的日期格式(标有1)

  • display.monthYearLabel 您可以指定标有2的区域

不幸的是,我仍然不知道其余的!

  • 我在这里写了关于 a11y 的文章:/sf/answers/4816736221/ (2认同)

小智 5

A11Y - 表示可访问性。看这里https://material.angular.io/cdk/a11y/overview 和这里https://material.angular.io/components/datepicker/overview#accessibility

据此,我认为这些格式用于在辅助功能模式打开时显示日期选择器。