Saltar al contenido

¿Cómo cambiar el formato de fecha de Mat-Datepicker a DD/MM/YYYY de la manera más sencilla?

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)


Tags :

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *