javascript - Component.html:151 错误错误：InvalidPipeArgument：'无法将“14-05-2021”转换为管道'DatePipe'的日期'

Question

我收到来自后端的响应LastDate。我将此绑定到我的ngModel并在网格中显示，但在控制台中我收到此错误

这是对应的代码

<ngx-datatable-column name="Last Date" prop="LastDate">
  <ng-template let-row="row" ngx-datatable-cell-template>
    {{row.LastDate| date: 'dd-MM-yyyy'}}
  </ng-template>
</ngx-datatable-column>

Answer 1

Javascript 会错误地解释日期 ( String) 。"14-05-2021"它接受格式为“MM-DD-YYYY”的日期，而您的输入格式为“DD-MM-YYYY”。快速解决方法是在将字符串发送到date管道之前重新格式化字符串。

控制器 (*.ts)

backendFetch().subscribe({
  next: (res: any) => {
    const s = res.LastDate.split("-");
    this.row = {
      ...res,
      LastDate: `${s[1]}-${s[0]}-${s[2]}`;
    }
  },
  error: (error: any) => { }
);

这样，对象的LastDate属性就row被调整为预期的格式“MM-DD-YYYY”。

显然，使用Array#split. 我确信其他人可以提出更好的解决方案（例如使用 RegEx）。