js，vue 时间戳转时间，转间距

最新推荐文章于 2024-07-23 11:05:43 发布

terryMei

最新推荐文章于 2024-07-23 11:05:43 发布

阅读量760

点赞数

分类专栏：学习笔记文章标签： vue js 时间转换时间戳

本文链接：https://blog.csdn.net/terrymei/article/details/83107880

版权

学习笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

可写在vue过滤器或者方法都可以，此处已过滤器为例
1.时间戳转为2018-10-10样式

filters:{
    timeChange:function(v){
      var newTime = new Date(v);
      var y = newTime.getFullYear();
      var m = newTime.getMonth()+1;
      var d = newTime.getDate();
       let result = y+'-'+m+'-'+d
     return result
    }
  }

2.时间戳转时间间距，如发表动态后，动态后面跟着的显示1分钟以前，4小时以前之类样式

timeDistance(value){
			//当前时间磋
			let nowt = Math.round(new Date() / 1000)
			let times = (nowt - value);
			if(times>31536000){
				return `${parseInt(times/31536000)}年前`
			}else if(times>=86400&&times<31536000){
				return `${parseInt(times/86400)}天前`;
			}else if(times>=3600&&times<86400){
				return `${parseInt(times/3600)}小时前`;
			}else if(times>60&&times<3600){
				return `${parseInt(times/60)}分钟前`;
			}else if(times<60){return '刚刚'}

		}