MAT_DATE_FORMATS字段的定义/含义

问题描述 投票:6回答:2

日期选择器的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时,是否必须定义所有字段?
angular datepicker angular-material2
2个回答
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的区域

不幸的是,我还是不知道剩下的!


0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.