Angular DatePipe不起作用

Question

我正在尝试在我的angular 5代码上使用此管道：

<td class="glyphicon-center-3" >{{atividade.dt_data | date: 'dd/MM'}}</td>

但这对我不起作用。 我可以在broser控制台中看到此消息：

12 ERROR Error: InvalidPipeArgument: 'dez 9, 2018' for pipe 'DatePipe'
at invalidPipeArgumentError (webpack-internal:///../../../common/esm5/common.js:4358)
at DatePipe.transform (webpack-internal:///../../../common/esm5/common.js:4540)
at checkAndUpdatePureExpressionInline (webpack-internal:///../../../core/esm5/core.js:13400)
at checkAndUpdateNodeInline (webpack-internal:///../../../core/esm5/core.js:14113)
at checkAndUpdateNode (webpack-internal:///../../../core/esm5/core.js:14052)
at debugCheckAndUpdateNode (webpack-internal:///../../../core/esm5/core.js:14945)
at debugCheckRenderNodeFn (webpack-internal:///../../../core/esm5/core.js:14924)
at Object.eval [as updateRenderer] (ng:///AppModule/DisciplinaPComponent.ngfactory.js:75)
at Object.debugUpdateRenderer [as updateRenderer] (webpack-internal:///../../../core/esm5/core.js:14909)
at checkAndUpdateView (webpack-internal:///../../../core/esm5/core.js:14023)

我的atividade.dt_data是Date类型的。 如果我不使用管道。 该界面向我显示了类似“ 2018年12月9日”的内容

我从后端（Java日期）获得此日期。 如何在“ dd / MM”模型中显示此日期？

Answer 1

“ 2018年12月9日”不是有效的Date表达式。 对于Javascript，该格式应该是可解析的，例如ISO8601string，可以转换为Date对象（请参阅https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Date ）。 也许angular的管道支持更多的变体。

因此，您应该更改后端以提供可解析的日期字符串，或者自行将字段映射到J的Date对象（例如，使用Observale的map运算符）。