Vue3：el-table实现日期的格式化
后端如果返回的是时间戳，需要我们进行日期格式化
例如：2024-09-11T14:19:14
定义一个日期解析的工具组件
export function formatDateAsYYYYMMDDHHMMSS(dateStr: any) {
const date = new Date(dateStr);
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const hours = String(date.getHours()).padStart(2, '0');
const minutes = String(date.getMinutes()).padStart(2, '0');
const seconds = String(date.getSeconds()).padStart(2, '0');
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}
在表格中进行使用该工具完成日期解析
<el-table-column fixed label="发布时间" width="150">
<template #default="scope">{{ formatDateAsYYYYMMDDHHMMSS(scope.row.createTime) }}</template>
</el-table-column>