vue中请求的数据 时间戳转换时间

前言

下面是vue中将请求的数据中的时间戳 转化成标准时间,下面是我总结的两种方式：

第一种方式：

这里是在vue请求的数据中将时间戳转换字符串的

这是代码中的关键部分

//item.add_time  为请求数据中的时间戳
var date = new Date(parseInt(item.add_time) * 1000);

  item.add_time = `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDay()}
     ${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;

展示的效果是这种的:

如果想将时间转化成：
就需要用到三元运算符

三元运算符

? : 表达式

var a = 3;

var b = 4;

var c =a > b ? 1 : 0

语法：

表达式? 第一个值1:第二个值0;

判断表达式的值，如果a>b结果成立是true则取值1，如果不成立是false则取值第二个值0；

在这里使用三元运算符进行判断：

// 判断小时是否大于12，大于12的话显示下午，否则显示上午
`${date.getHours()>12?'下午'+date.getHours():'上午'+date.getHours()}:${date.getMinutes()}`

然后就展示：

第二种方式：

在main.js中全局注册，来进行时间戳转换

//originVal请求数据中的时间戳
Vue.filter('timefilter',function(originVal){  

	var  aa=new Date(originVal*1000)
	
	let bb=aa.toLocaleString()
	
	return bb  
})

<text class="timestr">{{ item.create_time|timefilter }}</text>

展示：

toLocaleString() 方法

根据本地时间把 Date 对象转换为字符串：

var d=new Date();
var n=d.toLocaleString();

n 输出结果:

2020/10/14 下午4:57:49

toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串，并返回结果。

以上就是我总结的Vue请求的数据时间戳转换时间的方法！！