1

我有用 Angular 9 编写的应用程序和用 PHP 编写的 api。从 PHP 中的控制器,我返回具有属性 finishDate 的对象列表。在 PHP 中,finishDate 分配给 DateTime:

$timeSheetsOrderDTO1 = new TimeSheetsOrderDTO;
$timeSheetsOrderDTO1->orderId = 62131;
$timeSheetsOrderDTO1->finishDate = new DateTime();
$timeSheetsOrderDTO1->count = 8;

TypeScript 中的 TimeSheetsOrderDTO:

export class TimeSheetsOrderDTO {
  public orderId: number;
  public finishDate: Date;
  public count: number;
}

在 TypeScript (Angular) 中,我看到来自控制器的数据如下:

this.timesheetsOrders: Array(4)
0:
count: 8
finishDate: {date: "2020-12-26 15:49:15.052904", timezone_type: 3, timezone: "UTC"}
orderId: 62131

我想finishDate用html显示。当我有这样的代码时:

{{ timesheetsOrder.finishDate }}

我懂了: 像对象对象一样的日期

当我这样写时:

{{ timesheetsOrder.finishDate | date : 'yyyy-MM-dd'}} 

我得到错误:

core.js:6241 ERROR Error: InvalidPipeArgument: 'Unable to convert "[object Object]" into a date' for pipe 'DatePipe'
4

1 回答 1

1

在您的尝试中,timesheetsOrder.finishDate指的是整个对象而不是其中的日期属性,这就是您收到错误的原因。

使用以下语法:

{{ timesheetsOrder.finishDate.date | date : 'yyyy-MM-dd'}} 
于 2020-12-26T17:18:53.977 回答