大家好,又见面了,我是你们的朋友全栈君。
第一步:下载安装第三方组件:
npm install moment --save
第二步:在你需要格式化时间的页面引入moment组件
import moment from 'moment'
第三步:然后配合我们element-ui,在元素中加入 :formatter
<el-table-column prop="add_time" label="创建时间" :formatter="dateFormat" width="200px"></el-table-column>
第四步:然后声明一个方法,去调用
//时间格式化-S
dateFormat(row, column) {
var date = row[column.property];
if (date == undefined) {
return "";
}
return moment(date).format("YYYY-MM-DD HH:mm:ss");
},
//时间格式化-E
备注:如果以上都设置完,出现的时间格式都是 1970年的,那么更改下代码即可:
//时间格式化-S
dateFormat(row, column) {
var date = row[column.property]*1000;
if (date == undefined) {
return "";
}
return moment(date).format("YYYY-MM-DD HH:mm:ss");
},
//时间格式化-E
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/189507.html原文链接:https://javaforall.cn
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有