关于el–table总结
1.方式一:采用filters
// template
<el-table-column label="创建时间">
<template slot-scope="props">
{{ props.row.time | dateTimeFormat }}
</template>
</el-table-column>
// script->filters
filters: {
dateTimeFormat(dateTime) {
if (!dateTime) {
return dateTime;
}
return moment(dateTime).format("YYYY-MM-DD");
},
},
2.方式二:采用formatter
// template
<el-table>
<el-table-column prop="ctime" :label="$t('spare.ctime')"
:formatter="formatDateC"><!-- 添加一个格式化函数-->
</el-table-column>
</el-table>
// script->method
//时间格式化
formatDateC (row) {
// 获取单元格数据
let datac = row.ctime
let dtc = new Date(datac)
//获取月,默认月份从0开始
let dtuMonth = dtc.getMonth() + 1
//获取日
let dtuDay = dtc.getDate()
//处理1-9月前面加0
if (dtuMonth < 10) {
dtuMonth = "0" + (dtc.getMonth() + 1)
}
//处理1-9天前面加0
if (dtuDay < 10) {
dtuDay = "0" + dtc.getDate()
}
//获取小时
let dtuHours = dtc.getHours()
//处理1-9时前面加0
if (dtuHours < 10) {
dtuHours = "0" + dtc.getHours()
}
//获取分钟
let dtuMinutes = dtc.getMinutes()
//处理1-9分前面加0
if (dtuMinutes < 10) {
dtuMinutes = "0" + dtc.getMinutes()
}
//获取秒
let dtuSeconds = dtc.getSeconds()
//处理1-9秒前面加0
if (dtuSeconds < 10) {
dtuSeconds = "0" + dtc.getSeconds()
}
//组装年月日时分秒,按自己的要求来
return dtc.getFullYear() + "/" + dtuMonth + "/" + dtuDay
//+ " " + dtuHours + ":" + dtuMinutes + ":" + dtuSeconds
},
原文地址:https://blog.csdn.net/c28n07/article/details/129710949
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_23316.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。