javascript - 如何在 Angular 6 中将 Material 日期选择器日期值格式化为 "MM-DD-YYY"格式？

Question

我正在尝试将以下日期格式化为 Angular 6 中的 MM-DD-YYYY 格式。我查看了 SO 和其他网站中发布的更简单的问题，但我无法解决它。

我正在使用 Material Angular DatePicker成分。

日期选择器给我

Thu Oct 25 2018 00:00:00 GMT+0400 (Gulf Standard Time)

我要格式化成

MM-DD-YYYY

我的代码

<mat-form-field>
    <input matInput [min]="minDate" [matDatepicker]="date" [(ngModel)]="request.date | request.date: 'dd/MM/yyyy hh:mm a'" placeholder="Choose a date">
    <mat-datepicker-toggle matSuffix [for]="date"></mat-datepicker-toggle>
    <mat-datepicker #date></mat-datepicker>
</mat-form-field>

我也试过像下面这样的 DatePipe 模块，但没有任何效果

this.datePipe.transform(this.request.date,"MM-DD-YYYY")

Answer 1

您可以使用 DatePipe根据您的要求格式化日期。

在 main.module.ts 中导入

import { DatePipe } from '@angular/common';

并在 Providers 数组中添加 Datapipe。

然后在相关组件中导入同理

import { DatePipe } from '@angular/common';

在构造函数中

constructor(private datePipe : DatePipe)
{

}

要使用日期管道，只需使用

this.datePipe.transform(your_date, 'MM-dd-yyyy');

看看StackBlitz Example我在 MM-dd-yyyy 格式中安慰了日期值。