angular - 管道 'DatePipe' 的 InvalidPipeArgument

Question

我需要在角度应用程序中格式化日期，所以我使用日期管道：

{{myDate | date:'dd.MM.y'}}

我从网络服务获得的日期格式如下：dd/mm/yyyy（例如：31/12/2017）。因此，当我尝试将管道应用到像 01/01/2017 这样的日期时，它可以工作，但不适用于 2017 年 12 月 31 日，出现以下错误：“InvalidPipeArgument: '31/12/2017' for pipe 'DatePipe'”

我该如何解决这个问题？

Answer 1

只需尝试使用过期管道，或者您可以使用以下方法创建自定义管道

<div>{{convertDate(dateString)}}</div>

在您的组件中：

convertDate(date){
  let dateArray=date.split("/");
  let newDate = dateArray[0] + "." + dateArray[1] + "." + dateArray[2];
  return newDate;
}