vue对后端返回的时间戳进行转换 自定义格式

一开始我们得到后台从数据库中拿到的数据我们希望格式是
2020年3月16日 18时18分30秒 或 2020/3/16 18:18:30
然而我们得到的只是一段数字(时间戳,毫秒数)
1584354600
刚开始拿到挺懵逼的,后来想到曾写过使用时间戳完成前一天后一天,那个都可以完成这个自然也不在话下。

首先举一个例子 下边的时间戳已是我从后台拿到的时间戳乘以1000,使用toLocaleString方法转换为字符串格式。

var time = new Date(1584354600 * 1000).toLocaleString()
console.log(time)
// 输出结果
// 2020/3/16 下午6:30:00

当然这并不是我想要的格式,所以用了个比较笨的方法,使用以下几个方法进行拼接。

  • getFullYear() 从 Date 对象返回年份。
  • getMonth() 从 Date 对象返回月份 (注意:这个方法获取的其实是索引值。他的值是从0开始的。所以要加1才会得到真正的月份)
  • getDate() 从 Date 对象返回一个月中的某一天
  • getHours() 从 Date 对象返回 Date 对象的小时
  • getMinutes() 从 Date 对象返回 Date 对象的分钟(注意:如何返回的值小于10,则只返回一位数字)
  • getSeconds() 返回 Date 对象的秒数
  • getMilliseconds() 返回 Date 对象的毫秒

最后提供上时间戳转化网站:http://unixtime.51240.com

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值