vue如何使用时间戳?

1.网上找的时间戳方法,我单独放在一个js里

export function formatDate(timestamp) {     
        var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
        Y = date.getFullYear() + '-';
        M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
        D = date.getDate() + ' ';
        h = date.getHours() + ':';
        m = date.getMinutes() + ':';
        s = date.getSeconds();
        return Y+M+D+h+m+s;
}  

2.在XX.vue组件引入进来

import {formatDate} from '@/assets/js/date.js'

3.为了方便使用,用了过滤器

filters:{
    //时间戳
    formatDate(time) {
        return formatDate(time);
    },
}

4.在列表中使用它(用了elementUI框架)

<el-table-column prop="createTime" label="CREATETIME" sortable>
    <template slot-scope="scope">
        {{ scope.row.createTime|formatDate }}
    </template>
</el-table-column> 

5.执行结果

clipboard.png

这是怎么回事呀?

阅读 14.5k
2 个回答

看看scope.row.createTime有没有问题。

// 时间戳格式化
export function formatDate(timestamp) {
  var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
  var Y = date.getFullYear() + '-';
  var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
  var D = date.getDate() + ' ';
  var h = date.getHours() + ':';
  var m = date.getMinutes() + ':';
  var s = date.getSeconds();
  return Y+M+D+h+m+s;
}

y,m,d,h,m,s 没写var

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题