The input date type is not supported (“Date” and “string” is now recommended)

原文链接:The input date type is not supported (“Date” and “string” is now recommended) – 每天进步一点点 (longkui.site)

angular请求后台接口并将返回数据渲染在页面上,返回是的数据中有时间,但是时间用的时间戳表示的。类似于下面这样:

endTime: 1640793600000

结果渲染到页面上就开始报错:

ERROR Error: The input date type is not supported (“Date” and “string” is now recommended)

原因很简单。前台用的nz-date-picker 不支持时间戳形式,支持Date和String类型。

<nz-date-picker [(ngModel)]="tableData.endTime" ></nz-date-picker>

那么解决办法也很简单,我们就把时间戳这个问题解决掉就行。

解决办法有两种方式,一是修改后台返回时间的格式,让后台返回的时间是一个Date格式。

二是前台处理时间,处理成date-picker能接受的形式。

本文简单介绍第二种方法,很简单,方法如下

this.tableData.endTime= moment(endTime).format("YYYY-MM-DD")

其实就是将时间转化成YYYY-MM-DD形式,不同的是我用的moment插件进行的转换,其他的能转换的插件也可以用。

 

posted on 2022-09-03 16:03  longkui  阅读(128)  评论(0编辑  收藏  举报

导航