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

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

解决方法:

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

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

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

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

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

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

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);                 //  查看控制台输出时间结果