MAT_DATE_FORMATS 字段的定义/含义

Posted 2023-05-07

【中文标题】MAT_DATE_FORMATS 字段的定义/含义

【英文标题】：MAT_DATE_FORMATS definition/meaning of fields

【发布时间】：2018-09-09 05:24:23

【问题描述】：

customizing-the-parse-and-display-formats 的材料示例用于日期选择器使用自定义 MAT_DATE_FORMATS

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

我找不到像dateA11yLabel 这样的字段将在何处以及如何发挥作用。我能想到的是display.dateInput 用于在日历上显示选定的日期，display.monthYearLabel 用于年份选择器的选择下拉菜单。

其余字段在哪里使用？ 在编写自定义 MAT_DATE_FORMATS 时，必须定义所有 字段？

【参考方案1】：

好吧，我想出了以下几点：

 parse: 

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

    dateInput: 'DD.MM.YYYY',
    monthYearLabel: 'MMM YYYY',
    dateA11yLabel: 'LL',
    monthYearA11yLabel: 'MMMM-YYYY',
  ,

与parse.dateInput：你可以让用户输入任何类型的任何格式的日期，日期适配器会将它重新格式化为你在这个属性中指定的格式

用display.dateInput可以指定输入日期格式（标有1）

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

不幸的是，我仍然不知道其余的！

【讨论】：

我在这里写了关于 a11y 的文章：***.com/a/68810517/11991371

【参考方案2】：

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

据我认为这些格式用于在可访问性模式打开时显示日期选择器。