vue 中使用moment 将时间戳格式化

 

1.安装moment

npm install moment --save

 

2.在需要格式化的vue文件中引入

import moment from 'moment'

 3.在vue文件methods中定义一个格式化的方法formateDate，注意方法中一定要加上return 

// 格式化时间
formateDate(time) {
 return  moment(time).format("YYYY-MM-DD")
}

4.在vue文件结构中调用格式化方法,成功显示时间

<el-table-column label="创建时间" align="center">
  <template slot-scope="scope">
    {{formateDate(scope.row.createDatetime)}}
  </template>
</el-table-column>