在Vue下如何用js代码将13位的时间戳数据转换成正常显示的时间?

问题描述:在使用Vue时,如果页面没有渲染完成,通过js代码是拿不到页面上数据的。而我们又想通过js操作数据时,就需要通过一些特别的方法。网上有各种方法,但是大部分都解释的比较模糊。这是我的一些小总结。(由于不是专门玩前端的,但是又不想用vue的方法去做,就使用js的原生代码进行了时间戳数据转换成正常样式的日期。)

解决方法:

1.检查你的要转化的时间戳字符串是否加了class或者name的标记。

2.为你的vue渲染数据加上监听器。

3.在methods内写函数,从页面获取时间戳数据格式化成自己想要的样式。

4.上面只是年月日的处理。下面给出全部的日期处理代码。

time = 1553677259000
var date = new Date(time*1);
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
var h = date.getHours();
var mm = date.getMinutes();
var s = date.getSeconds();
m = m < 10 ? "0" + m : m;
d = d < 10 ? "0" + d : d;
h = h < 10 ? "0" + h : h;
mm = mm < 10 ? "0" + mm : mm;
s = s < 10 ? "0" + s : s;
date = y + "年" + m + "月" + d + "日 " + h + "时" + mm + "分" + s +"秒";
console.log(date);                 //  查看控制台输出时间结果

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值