How to change Mat-Datepicker date format to DD/MM/YYYY in simplest way?

Question

I'm setting up a mat-datepicker for DOB and traditionally the display format is MM/DD/YYYY,I need to change it to DD/MM/YYYY with less coding

I tried format tag in mat-date picker but it does not work,other date pickers like ngbDatepicker format can easily changed through one line of coding

  <div class="col-md-3 Dinline-block">      <mat-form-field>         <input matInput [matDatepicker]="picker2" [max]="currentDate"           placeholder="DOB(DD/MM/YYYY)" required formControlName="dob"            readonly />         <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-           toggle>         <mat-datepicker #picker2></mat-datepicker>      </mat-form-field>   </div> 

The date displayed after selecting from mat-date picker should be DD-MM-YYYY and when the retrieving the value from date picker it should also be in DD-MM-YYYY format

Answer 1

The easiest way is to change the locale:

Add the following to the providers section of your module:

{ provide: MAT_DATE_LOCALE, useValue: 'en-GB' }