说个格式的坑吧
后台用java设定日期字段类型为date,所以出入后端接口的时候,日期字段的值应该是时间戳格式,而不是yyyy-MM-dd hh:mm:ss
但是vue的日期组件如果设置了显示的格式化(formate=’’)和绑定值的格式化(value-formate=’’)参数后,就无法直接使用后端读取过来的时间戳进行数据渲染
所以,需要增加以下几个步骤
1,前端读取到后端接口返回值后,需要先做数据格式的转换 时间戳->字符串
// 时间戳转日期字符串
formatDate(e) {
var t = new Date(e)
var year = t.getFullYear()
var month = (t.getMonth() + 1) < 10 ? ‘0’ + (t.getMonth() + 1) : (t.getMonth() + 1)
var date = t.getDate() < 10 ? ‘0’ + t.getDate() : t.getDate()
var hour = t.getHours() < 10 ? ‘0’ + t.getHours() : t.getHours()
var minute = t.getMinutes() < 10 ? ‘0’ + t.getMinutes() : t.getMinutes()
var second = t.getSeconds() < 10 ? ‘0’ + t.getSeconds() : t.getSeconds()
return year + ‘-’ + month + ‘-’ + date + ’ ’ + hour + ‘:’ + minute + ‘
vue日期控件的坑
最新推荐文章于 2024-05-13 10:54:58 发布