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

您也可以在打字稿中使用它::

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');

Answer 2

您可以為此使用日期管道。
例：

let dateObj = Your object;

並使用如下所示的管道。

{{ dateObj | date }} // output is 'Jun 15, 2015'

還是有一個稱為moment的JS庫。

您可以從https://momentjs.com/獲得，並按照說明進行安裝。 他們提到了所有格式日期。 只需將GMT字符串傳遞給moment（），您將獲得所需的格式。

Answer 3

您可以從https://momentjs.com/獲得，並按照說明進行安裝。 他們提到了所有格式日期。 只需將GMT字符串傳遞給moment（），您將獲得所需的格式。