问题:
最近接手一个vue的项目。需求: 前台展示用的时间规格是 yyyy-MM-dd HH:mm:SS。这时候就会遇到一个问题,从后台请求出来的数据是以下这种格式怎么处理?
如何解决?
这里讲一个目前最为流行的处理日期时间的工具是momentjs(JavaScript 日期处理类库)
安装momentjs
npm install moment -save
安装完成后打开main.js,插入以下代码
import moment from "moment";
Vue.prototype.$moment = moment;
element-ui的Table-column里有一个formatter属性,用来格式化内容
具体使用如下:
<el-table-column
label="时间"
prop="createTime"
align="center"
:formatter="dateFormat"
></el-table-column>
然后声明一个时间格式化方法,去调用:
// 时间格式化
dateFormat(row, column) {
var date = row[column.property];//获取时间
if (date == undefined) {
return "";
}
return moment(date).format("YYYY-MM-DD HH:mm:ss");
},
问题解决: