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插件进行的转换,其他的能转换的插件也可以用。