日期选择器的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
用于年份选择器的选择下拉列表。
好吧,我想出了以下几点:
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 - 意味着可访问性。看这里https://material.angular.io/cdk/a11y/overview和这里https://material.angular.io/components/datepicker/overview#accessibility
根据我认为这些格式用于在可访问性模式时显示datepicker。