MAT_DATE_FORMATS字段的定义/含义

时间:2018-03-30 06:56:34

标签: angular datepicker angular-material2

日期选择器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用于年份选择器的选择下拉列表。

  1. 其他字段在哪里使用?
  2. 编写自定义MAT_DATE_FORMATS时,必须定义全部 字段?

2 个答案:

答案 0 :(得分:3)

好吧,我发现了以下内容:

datepicker

 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的区域

不幸的是,其余的我还是一无所知!

答案 1 :(得分:0)

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

根据我认为这些格式用于在可访问性模式时显示datepicker。