Question

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

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

但这对我不起作用。我可以在更明亮的控制台中看到这条消息：

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是日期类型。如果我不使用管道。界面给我看了这样的东西＆＃34; dec 9,2018＆＃34;

我从后端（Java Date）获取此日期。我如何在这个模型中显示这个日期＆＃34; dd / MM＆＃34;？

Answer 1

＆＃34; 2018年12月9日＆＃34;没有有效的日期表达式。对于Javascript，格式应该是可解析的，例如ISO8601string，以转换为Date对象（参见https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Date）。也许棱角管道支持更多变种。

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

Angular DatePipe不起作用

1 个答案: