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

分类: 前端