Vue中时间转换格式问题

问题:
最近接手一个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");
},

问题解决:
在这里插入图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值