angular - MAT_DATE_FORMATS definisjon/betydning av felt

Materialeksempel for tilpasning av analyse- og visningsformater for datovelger bruker tilpassede MAT_DATE_FORMATS

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

Jeg kunne ikke finne ut hvor og hvordan disse feltene som dateA11yLabel vil spille inn. Det jeg kunne finne ut var at display.dateInput brukes til å vise den valgte datoen på kalenderen, og display.monthYearLabel brukes i nedtrekksmenyen for valg av år.

  1. Hvor brukes resten av feltene?
  2. Når man skriver egendefinerte MAT_DATE_FORMATS, er det obligatorisk å definere alle feltene?

Svar #1

Vel, jeg kom fram til følgende:

 parse: {

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

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

  • med parse.dateInput: du kan la brukeren angi hvilken som helst type dato med hvilket som helst format, og datoadapteren vil omformatere det til formatet du spesifiserer i dette attributtet

  • med display.dateInput kan du spesifisere inngangsdatoformatet (merket med 1)

  • display.monthYearLabel du kan spesifisere området merket med 2

dessverre vet jeg fortsatt ikke om resten!

Svar #2

A11Y - betyr tilgjengelighet. Se her https://material.angular.io/cdk/a11y/overview og her https://material.angular.io/components/datepicker/overview#accessibility

Ifølge det tror jeg disse formatene brukes til å vise datovelger når tilgjengelighetsmodus er på.

Relaterte artikler