Angular-Material 将日期选择器设置为仅在 Angular7 中显示日期

Question

我正在将 Angular-7 用于 Web 门户应用程序。我有一个 Material Datepicker，我只想从中获取没有时间戳的日期。也应该是这种格式:dd/mm/yyyy

这是它在前端的显示方式:

<div class="col-xs-6">
  <label for="loading_date">Loading Date</label>
  <div class="input-group date">
    <mat-form-field>
      <input matInput [matDatepicker] = "picker" placeholder = "Choose a date" name="loading_date" [(ngModel)]="quoteModel.loading_date" #loading_date="ngModel" [ngClass]="{'is-invalid' : loading_date.invalid && ((loading_date.dirty || loading_date.touched) || quoteform.submitted)}"   required>
     <mat-datepicker-toggle matSuffix [for] = "picker"></mat-datepicker-toggle>
     <mat-datepicker #picker></mat-datepicker>
    </mat-form-field>
  <div class="form-feedback" *ngIf="loading_date.invalid && ((loading_date.dirty || loading_date.touched) || quoteform.submitted)">
  <div style="color:red;" *ngIf="loading_date.errors?.required"class="alert alert-danger">Loading Date is required.</div>
  </div>
  </div>
</div>

当我提交到数据库中时，我想得到这样格式的结果:

2019-09-26

但这就是我得到的:

2019-09-26T23:00:00.000Z

我如何实现这一目标？

Answer 1

您可以使用moment 来实现；

npm i moment --save

试试这个

var dateToDB = moment(loading_date).format("YYYY-MM-DD");

或者你可以使用 DatePipe

@Injectable()
import { DatePipe } from '@angular/common';
class MyService {

  constructor(private datePipe: DatePipe) {}

  transformDate(date) {
    var dateToDBthis.datePipe.transform(date, 'yyyy-MM-dd'); 
  }
}

在你的 app.module.ts 中

providers: [DatePipe,...]