el-table时间戳转换
时间: 2023-08-04 11:39:41 浏览: 168
您好!关于时间戳转换,可以在 el-table 的 column 中使用 formatter 函数,将时间戳转换为需要的时间格式,例如:
```html
<template>
<el-table :data="tableData">
<el-table-column prop="timestamp" label="时间戳">
<template slot-scope="{ row }">
{{ formatDate(row.timestamp) }}
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ id: 1, timestamp: 1628608200000 },
{ id: 2, timestamp: 1628611800000 },
{ id: 3, timestamp: 1628615400000 },
]
};
},
methods: {
formatDate(timestamp) {
const date = new Date(timestamp);
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const hour = String(date.getHours()).padStart(2, '0');
const minute = String(date.getMinutes()).padStart(2, '0');
const second = String(date.getSeconds()).padStart(2, '0');
return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}
}
}
</script>
```
上述代码中,formatDate 函数接收一个时间戳作为参数,返回一个格式化后的时间字符串。然后在 el-table-column 的 slot-scope 中调用该函数将时间戳转换为需要的时间格式。这样就可以在 el-table 中显示格式化后的时间了。
阅读全文