vue日期控件的坑

说个格式的坑吧
后台用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 + ‘

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值