vue中时间戳的转换

一、情景一,时间处理函数的过滤器

在main.js中添加

import moment from 'moment'
Vue.filter('dateFormat',function(dateStr){
  return moment(dateStr).format('YYYY-MM-DD HH:mm:ss');
})

即:
vue中时间戳的转换_第1张图片
使用场景:
vue中时间戳的转换_第2张图片

二、情景二,使用element-ui组件,在el-table中使用

1.在el-table-column中,添加 :formatter属性
<el-table-column label="签到时间"prop="signTime" :formatter="dateFormat"/>
2.导入时间依赖
import moment from 'moment'
3.在methods中引入方法
dateFormat(row,colnum){
	return moment(row[colnum.property]).format('YYYY-MM-DD')
}

你可能感兴趣的:(vue)