🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
> 使用element-table的时候,工作中遇到后台给的表格数据里时间是一个13位的时间戳,需要转换成时间显示在表格里,可以用element-ui表格自带的:formatter函数,来格式化表格内容: 1. 新建一个js文件用来转换时间戳 ``` export function timeFormat(data) { // 返回年月日时分秒 if (data) { const date = new Date(data) const year = date.getFullYear() const month = (date.getMonth() + 1) > 9 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1) const day = date.getDate() > 9 ? date.getDate() : '0' + date.getDate() const hour = date.getHours() > 9 ? date.getHours() : '0' + date.getHours() const minutes = date.getMinutes() > 9 ? date.getMinutes() : '0' + date.getMinutes() const seconds = date.getSeconds() > 9 ? date.getSeconds() : '0' + date.getSeconds() return year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds } } export function timeMonth(data) { // 返回年月日 if (data) { const date = new Date(data) const year = date.getFullYear() const month = (date.getMonth() + 1) > 9 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1) const day = date.getDate() > 9 ? date.getDate() : '0' + date.getDate() return year + '-' + month + '-' + day } } ``` 2. 在HTML位置 ``` <el-table border > <el-table-column lable="时间" prop="createTime" :formatter="formatTime"></el-table-column> </el-table> ``` ``` <!-- 引入js --> import { timeMonth } from "@/utils/timeFormat.js"; methods : { formatTime(row, col, val) { // 表格时间格式化 return timeMonth(val); // 显示为年月日     }, } ```