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

Question

我收到来自后端 LastDate 的回复。我将此绑定到我的 ngModel 并显示在 Grid 中，但在控制台中我收到此错误

这是对应的代码

<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

日期 (String) "14-05-2021" 会被 Javascript 错误解释。它接受格式为“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) => { }
);

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

显然，使用Array#split 进行转换是微不足道的。我确信其他人可以提出更好的解决方案（例如，使用 RegEx）。