javascript - Angular 6 中 Bootstrap 日期选择器中的日期格式

Question

在 Angular 6 中，我将日期选择器与 bsDaterangepicker 类一起用于日期范围。

<input type="text" (ngModelChange)="dateFilterChanged($event)" [(ngModel)]="myDateField" value="{{ myDateField | date:'yyyy-MM-dd' }}" [bsConfig]="{dateInputFormat: 'yyyy-MM-dd'}" bsDaterangepicker>

并使用以下函数和发射器发出值:

dateFilterChanged(filterValue: string) {
    console.log('filterValue', filterValue);
    this.dateFilterChanged.emit(filterValue)
}

问题是，发出日期的格式不是“yyyy-MM-dd”，而是一个 gmt 字符串:

[Wed May 01 2019 14:04:12 GMT+0300 (GMT+03:00), Sat Jun 15 2019 14:04:12 GMT+0300 (GMT+03:00)]

如何以“yyyy-MM-dd”格式发出日期值？

Answer 1

你可以像这样使用日期管道:

{{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }}

有关更多信息，请访问此链接:

https://angular.io/api/common/DatePipe

你也可以在 typescript 中使用它::

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

constructor(private datePipe: DatePipe,){
}
// in your function 
 element.last_assessment_date = this.datePipe.transform(element.last_assessment_date, 'yyyy-MM-dd');