elementUI el-table表格列按时间排序

ElementUI的el-table表格组件提供了sort-by和sort-order两个属性来实现列排序。在列定义中，可以将sort-by属性设置为列的数据字段名，sort-order设置为升序或降序。

例如，如果有一个名为“create_time”的时间字段，可以在列定义中添加以下属性：

{
  label: '创建时间',
  prop: 'create_time',
  sortable: true,
  sort-by: 'create_time',
  sort-orders: ['asc', 'desc']
}

然后，可以在表格中点击该列的表头，通过sort-by和sort-order属性来实现按时间排序。

完整的el-table表格列按时间排序示例代码如下：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column
      label="编号"
      width="180">
      <template slot-scope="scope">
        <span>{{ scope.row.id }}</span>
      </template>
    </el-table-column>
    <el-table-column
      label="名称"
      prop="name"
      width="180"
      sortable>
    </el-table-column>
    <el-table-column
      label="创建时间"
      prop="create_time"
      width="180"
      sortable
      sort-by="create_time"
      :sort-orders="['asc', 'desc']">
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          id: '1',
          name: '张三',
          create_time: '2022-01-01 08:00:00'
        },
        {
          id: '2',
          name: '李四',
          create_time: '2022-01-02 09:00:00'
        },
        {
          id: '3',
          name: '王五',
          create_time: '2022-01-03 10:00:00'
        }
      ]
    }
  }
}
</script>