时间戳

首页 > 解决方案 > 如何以最简单的方式将 Mat-Datepicker 日期格式更改为 DD/MM/YYYY？

angular - 如何以最简单的方式将 Mat-Datepicker 日期格式更改为 DD/MM/YYYY？

问题描述

我正在为 DOB 设置一个 mat-datepicker，传统上显示格式是 MM/DD/YYYY，我需要将其更改为 DD/MM/YYYY 并减少编码

我在 mat-date 选择器中尝试了格式标记，但它不起作用，其他日期选择器（如 ngbDatepicker 格式）可以通过一行编码轻松更改

  <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>

从 mat-date 选择器中选择后显示的日期应该是 DD-MM-YYYY，当从日期选择器中检索值时，它也应该是 DD-MM-YYYY 格式

标签： angularangular-material

解决方案

最简单的方法是更改​​语言环境：

将以下内容添加到模块的提供程序部分：

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

推荐阅读