管道'DatePipe'的InvalidPipeArgument

Question

我需要在角应用程序中格式化日期，因此我使用Date Pipe：

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

我从网络服务获得的日期有以下格式： dd / mm / yyyy （例如：2017年12月31日）。因此，当我尝试将管道应用到像01/01/2017之类的日期时，它可以正常工作，但不是在2017年12月31日，收到以下错误：“InvalidPipeArgument：'31 / 12/2017'管道'DatePipe'”< / p>

我该如何解决这个问题？

Answer 1

只需尝试使用日期管道，或者您可以使用以下方法

创建自定义管道

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

在您的组件中：

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