Esta inquietud se puede abordar de diversas formas, pero en este caso te enseñamos la que para nosotros es la solución más completa.
La forma más fácil es cambiar la configuración regional:
Agregue lo siguiente a la sección de proveedores de su módulo:
provide: MAT_DATE_LOCALE, useValue: 'en-GB'
Primero, vincule el formato a su mat-datepicker.
export const MY_FORMATS =
parse:
dateInput: 'LL'
,
display:
dateInput: 'YYYY-MM-DD',
monthYearLabel: 'YYYY',
dateA11yLabel: 'LL',
monthYearA11yLabel: 'YYYY'
;
junto con esto, debe importar y proporcionar los módulos.
import DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE from '@angular/material';
import MomentDateModule, MomentDateAdapter from '@angular/material-moment-adapter';
provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] ,
provide: MAT_DATE_FORMATS, useValue: MY_FORMATS
Y en HTML siga esto simplemente.
Pruebe esto en el componente que está utilizando mat-datepicker
import DateAdapter from '@angular/material';
constructor(private dateAdapter: DateAdapter)
this.dateAdapter.setLocale('your locale');
Si guardas algún titubeo o capacidad de desarrollar nuestro crónica puedes realizar una observación y con mucho placer lo interpretaremos.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)