前端如何将时间戳转换日期显示

前言

通常前端请求回来的时间数据都是时间戳，类似“createTime: 1641446792000”这种，但是页面上显示的不能是这种数据，所以就需要转换正常时间才能使用

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、html部分使用

代码如下：

	  <div class="textvalue">
	      <p>发布单位：xxxxxx</p>
	      <p>发布时间：{{ publishTime | formatDate }}</p>
	      <p>来源：XXXXX</p>
	  </div>

二、js部分数据配置

代码如下：

	data() {
    	return {
			publishTime:1641446792000//这个时间戳必须是数字属性/number
		}
  	},
  	filters: {//配置过滤器
    	formatDate: function (value) {//调用时间戳为日期显示
      		let date = new Date(value)
      		let y = date.getFullYear()  //获取年份
      		let m = date.getMonth() + 1  //获取月份
      		m = m < 10 ? "0" + m : m  //月份不满10天显示前加0
      		let d = date.getDate()  //获取日期
      		d = d < 10 ? "0" + d : d  //日期不满10天显示前加0
      		return y + "-" + m + "-" + d
      		//也可以获取更精准时间
      		//let h = date.getHours(),                   //小时
    		//let m = date.getMinutes(),                 //分
    		//let s = date.getSeconds(),                 //秒
    		//let ls = date.getMilliseconds()            //毫秒
    	},
  	},

三、效果展示

截图如下：

---

总结

当然也有其他的获取日期的方法，例如W3school中的方法
附JavaScript 日期获取方法

在csdn中发布的文章都是免费公开的，帮助自己记忆的同时也希望能帮到更多人，觉得有帮助的可以给博主点个赞，有问题的也欢迎指出来，共同进步