在el-table-column标签里如何把时间戳变成date类型

您可以使用element-ui的自定义过滤器来实现将时间戳转换为日期格式。在您组件的script标签中，可以通过下面的代码定义过滤器：

filters: {
  formatDate(timestamp) {
    const date = new Date(timestamp);
    // 定义您期望的日期格式
    const options = { year: 'numeric', month: '2-digit', day: '2-digit' };
    return date.toLocaleDateString('en-US', options);
  }
}

在el-table-column中的属性中，您可以使用管道符号（|）调用此过滤器：

<el-table-column prop="time" label="时间" :formatter="formatDate"></el-table-column>

此时，您的时间戳将被转换为您期望的日期格式。

相关问题

el-table-column 用vue时间戳转换

如果你想在 el-table 中展示时间戳，可以使用 el-table-column 的 formatter 属性来进行转换。你可以先定义一个方法来将时间戳转换为你需要的格式，例如：

methods: {
  formatTimestamp(timestamp) {
    const date = new Date(timestamp)
    return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`
  }
}

然后在 el-table-column 中使用这个方法：

<el-table-column prop="timestamp" label="时间">
  <template slot-scope="scope">{{ formatTimestamp(scope.row.timestamp) }}</template>
</el-table-column>

这样就可以将时间戳转换为类似 "2021-06-10 14:30:00" 的格式展示在 el-table 中了。

el-table-column时间戳转换

如果你使用的是 Element UI 的 el-table 和 el-table-column，想要将时间戳转换成特定的日期时间格式，可以在 el-table-column 的 formatter 属性中使用 moment.js 或者 JavaScript 内置的 Date 对象来进行时间格式化。

以下是一个使用 moment.js 进行时间格式化的例子：

<el-table :data="tableData">
  <el-table-column prop="timestamp" label="时间戳">
    <template slot-scope="scope">
      {{ moment(scope.row.timestamp).format('YYYY-MM-DD HH:mm:ss') }}
    </template>
  </el-table-column>
</el-table>

在这个例子中，我们使用了 moment.js 的 `format()` 方法将时间戳按照指定的格式进行了格式化。

如果你不想使用第三方库，也可以使用 JavaScript 内置的 Date 对象来进行时间格式化：

<el-table :data="tableData">
  <el-table-column prop="timestamp" label="时间戳">
    <template slot-scope="scope">
      {{ new Date(scope.row.timestamp).toLocaleString('zh-CN', { hour12: false }) }}
    </template>
  </el-table-column>
</el-table>

在这个例子中，我们使用了 JavaScript 内置的 `toLocaleString()` 方法将时间戳按照本地化的日期和时间格式进行了格式化。其中，第一个参数指定了本地化的语言和地区（这里使用了中文简体），第二个参数指定了是否使用12小时制。