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>