<el-table-column prop="startTime" label="开始时间" width="100" />里边的startTime为0:0:0时候显示未未开启,代码怎么写
时间: 2023-12-19 20:04:41 浏览: 102
你可以在渲染该表格时,将 startTime 转换为 Date 对象,然后判断是否为 0:0:0,如果是,则将该单元格的内容设置为 "未开启"。
例如,你可以在组件中添加一个 computed 属性,用于将 startTime 转换为 Date 对象并判断是否为 0:0:0:
```javascript
computed: {
tableData() {
return this.data.map(item => {
const date = new Date(item.startTime)
const startTime = date.getHours() === 0 &&
date.getMinutes() === 0 &&
date.getSeconds() === 0
? '未开启'
: item.startTime
return {
...item,
startTime
}
})
}
}
```
然后在表格中绑定该 computed 属性的返回值即可:
```html
<template>
<div>
<el-table :data="tableData">
<el-table-column prop="startTime" label="开始时间" width="100" />
<!-- 其他列 -->
</el-table>
</div>
</template>
```
阅读全文