DatePipe.transform show InvalidPipeArgument for 'dd-MM-yyyy'

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转换。有关格式的更多信息，请单击此处

例：

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');

演示

Answer 2

1. 您可以尝试此代码的日期时间本地类型

this.myDate = this.datePipe.transform(this.myDate, 'yyyy-MM-ddThh:mm:ss');
console.log(this.myDate)
this.form.patchValue({date_of_spent:this.myDate});

2. 尝试日期类型的代码和平

this.myDate = this.datePipe.transform(this.myDate, 'yyyy-MM-dd');
console.log(this.myDate)
this.form.patchValue({date_of_spent:this.myDate});`enter code here`