vue项目中，将后台返回的时间戳转换为日期格式

最新推荐文章于 2023-04-06 10:03:50 发布

青赤黄及黑白

最新推荐文章于 2023-04-06 10:03:50 发布

阅读量804

点赞数 3

文章标签： vue

本文链接：https://blog.csdn.net/qq_41775006/article/details/113495455

版权

template

<div>{{switchTime(scope.row.publish_time)}}</div>

js方法

// 将时间戳转换为时间日期格式
        switchTime(Stamp){
            let timeStamp = Number(Stamp)
            var time = new Date(timeStamp);
            var y = time.getFullYear();
            var m = time.getMonth()+1;
            var d = time.getDate();
            var h = time.getHours();
            var mm = time.getMinutes();
            var s = time.getSeconds();
            return y+'-'+this.judgeNum(m)+'-'+this.judgeNum(d)+' '+this.judgeNum(h)+':'+this.judgeNum(mm)+':'+this.judgeNum(s);
        },
        judgeNum(num){
            if(num < 10){
                return '0'+num
            }else{
                return num
            }
        },

或者直接在main.js中加一个全局时间过滤器

Vue.filter('dataFormate', originVal => {
  const dt = new Date(originVal)
  const y = dt.getFullYear()
  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
  const d = (dt.getDate() + '').padStart(2, '0')

  const hh = (dt.getHours() + '').padStart(2, '0')
  const mm = (dt.getMinutes() + '').padStart(2, '0')
  const ss = (dt.getSeconds() + '').padStart(2, '0')
  const time = y + '-' + m + '-' + d + ' ' + hh + ':' + mm + ':' + ss
  return time
})```