element-ui 表格数据时间格式化的方法
更新时间：2018年08月24日 10:27:46 作者：小马哥的天涯
这篇文章主要介绍了element-ui 表格数据时间格式化的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
后台返回时间格式 /1470220594000/
在element-ui table 如何格式化呢
1.首先
复制代码 代码如下:
<el-table-column prop="AuditEndTime" label="处理时间" width="120" :formatter="dateFormat" align="center"></el-table-column>
主要是:formatter="dateFormat" 这个属性
formatter 用来格式化内容 Function(row, column, cellValue, index)
然后在 methods 方法对象里 添加 如下方法
//时间格式化
dateFormat(row, column, cellValue, index){
const daterc = row[column.property]
if(daterc!=null){
const dateMat= new Date(parseInt(daterc.replace("/Date(", "").replace(")/", ""), 10));
const year = dateMat.getFullYear();
const month = dateMat.getMonth() + 1;
const day = dateMat.getDate();
const hh = dateMat.getHours();
const mm = dateMat.getMinutes();
const ss = dateMat.getSeconds();
const timeFormat= year + "/" + month + "/" + day + " " + hh + ":" + mm + ":" + ss;
return timeFormat;
}
}
格式化后：
2018/2/27 8:59:19
PS：Element UI的表格table列的宽度自适应设置
不要设置 width="110px"
<el-table-column prop="login_id" align="center" label="工号"> </el-table-column> <el-table-column prop="login_id" width="110px" align="center" label="工号"> </el-table-column>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
vue-cil之axios的二次封装与proxy反向代理使用说明
这篇文章主要介绍了vue-cil之axios的二次封装与proxy反向代理使用说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了Vue列表渲染(v-for的使用),本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-03-03
vue2.x中h函数(createElement)与vue3中的h函数详解
h函数本质就是createElement(),h函数其实是createVNode的语法糖,返回的就是一个Js普通对象,下面这篇文章主要给大家介绍了关于vue2.x中h函数(createElement)与vue3中h函数的相关资料,需要的朋友可以参考下2022-12-12
本篇文章主要介绍了vue 配合vue-resource调用接口获取数据，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要介绍了在vue项目里面使用引入公共方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了axios在Vue项目中用来向后台发送请求（调接口API），获取响应信息的方法,axios 是一个轻量的 HTTP客户端，基于 XMLHttpRequest 服务来执行 HTTP 请求，需要的朋友们下面随着小编来一起学习学习吧2022-07-07
本篇文章主要介绍了vue2的todolist入门小项目的详细解析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
这篇文章主要介绍了写给新手同学的vuex快速上手指北小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
Vue使用axios post方式将表单中的数据以json格式提交给后端接收操作实例
这篇文章主要介绍了Vue使用axios post方式将表单中的数据以json格式提交给后端接收操作,结合实例形式分析了vue基于axios库post传送表单json格式数据相关操作实现技巧与注意事项,需要的朋友可以参考下2023-06-06
之前给大家介绍了jQuery利用最优雅的方式写ajax请求的相关内容，这篇文章主要给大家介绍了关于axios进阶实践之利用最优雅的方式写ajax请求的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-12-12
最新评论