Vue 时间戳转日期格式

初学者用了element 的Vue框架,搭,遇到了数据库是时间戳的格式,数据在前端页面显示也是时间戳,因为我们后端,给的时间数据一般都是时间戳格式的,这样才方便前端进行多种的时间格式转换,下面分享一下使用转换的过程:
首先我们会用到过滤器:

filters: {//过滤器
			//时间戳转日期
		  formatDate: function (value) {
		let date = new Date(value * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
			let y = date.getFullYear();
			let MM = date.getMonth() + 1;
			MM = MM < 10 ? ('0' + MM) : MM;
			let d = date.getDate();
			d = d < 10 ? ('0' + d) : d;
			let h = date.getHours();
			h = h < 10 ? ('0' + h) : h;
			let m = date.getMinutes();
			m = m < 10 ? ('0' + m) : m;
			let s = date.getSeconds();
			s = s < 10 ? ('0' + s) : s;
	// return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;//多种时间格式的拼接
			return y + '-' + MM + '-' + d;
		  }
		},

之后我们只需要进行调用即可。

 <span >{{data.createtime | formatDate}}</span>

这样就可以达到我们的目的。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值