angular - DatePipe.transform 显示 'dd-MM-yyyy' 的 InvalidPipeArgument

Question

最近 Angular DatePipe 显示 InvalidPipeArgument 错误，但字符串日期接缝是正确的。 任何人都可以看到一些错误吗？这是我使用 Typescript 和 Angular 6

的代码

let datePipe: DatePipe = new DatePipe("es-ES");
let dia_sele: string = "";
                try {
                  let fecha_formateada = this.datePipe.transform('23-01-2019', 'dd-MM-yyyy','es-ES');
                  dia_sele = fecha_formateada;
                } catch (e) {
                  dia_sele = "";
                  console.log( "->err:" + e);
                }

这是 Chrome Windows 控制台中显示的错误:

core.js:14597 ERROR Error: Uncaught (in promise): Error: InvalidPipeArgument: 'Unable to convert "23-01-2019" into a date' for pipe 'DatePipe'
Error: InvalidPipeArgument: 'Unable to convert "23-01-2019" into a date' for pipe 'DatePipe'
    at invalidPipeArgumentError (common.js:4013)
    at DatePipe.transform

Answer 1

不确定您想在这里实现什么目标。因为您的输入和输出日期具有相同的格式。

但是如果您需要其他格式的日期，该解决方案将起作用

为什么不起作用？

在 Chrome 中 '23-01-2019' 不是有效的日期字符串。甚至

new Date('23-01-2019')

在 Chrome 中给出 Invalid Date 消息(在其他浏览器中未检查)。您可以在控制台中尝试。

解决方案:

因此，您也可以使用其他分隔符(例如 /)格式化日期，然后对该日期执行 DatePipe 转换。有关格式化的更多信息 here

示例:

let myDate = "23-01-2019".replace(/(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3")
let newDate = this.dp.transform(myDate, 'yyyy-MM-dd', 'es-ES');

DEMO