vue中表格使用filters如何设置日期的筛选

在Vue中使用表格筛选日期时，可以通过自定义过滤器来实现。具体步骤如下：

1. 在template中的表格列中添加筛选器：

<el-table-column prop="date" label="日期" :filters="dateFilters" :filter-method="filterDate"></el-table-column>

其中，`prop`属性表示对应数据对象中的属性，`label`属性表示表格列的名称，`:filters`属性表示筛选器列表，`:filter-method`属性表示筛选方法。

2. 在Vue组件中定义筛选器列表和筛选方法：

data() {
  return {
    // 筛选器列表
    dateFilters: [
      { text: '今天', value: val => this.filterToday(val) },
      { text: '昨天', value: val => this.filterYesterday(val) },
      { text: '最近一周', value: val => this.filterLastWeek(val) },
      { text: '最近一个月', value: val => this.filterLastMonth(val) }
    ],
    // 数据列表
    tableData: [
      { id: 1, date: '2021-10-01' },
      { id: 2, date: '2021-10-02' },
      { id: 3, date: '2021-10-03' },
      ...
    ]
  }
},
methods: {
  // 筛选方法
  filterDate(value, row) {
    return value === row.date;
  },
  // 筛选今天
  filterToday(val) {
    const today = new Date();
    const date = new Date(val);
    return date.getDate() === today.getDate() && date.getMonth() === today.getMonth() && date.getFullYear() === today.getFullYear();
  },
  // 筛选昨天
  filterYesterday(val) {
    const yesterday = new Date();
    yesterday.setDate(yesterday.getDate() - 1);
    const date = new Date(val);
    return date.getDate() === yesterday.getDate() && date.getMonth() === yesterday.getMonth() && date.getFullYear() === yesterday.getFullYear();
  },
  // 筛选最近一周
  filterLastWeek(val) {
    const today = new Date();
    const date = new Date(val);
    return today.getTime() - date.getTime() <= 7 * 24 * 60 * 60 * 1000;
  },
  // 筛选最近一个月
  filterLastMonth(val) {
    const today = new Date();
    const date = new Date(val);
    return today.getTime() - date.getTime() <= 30 * 24 * 60 * 60 * 1000;
  }
}

其中，`filterDate`方法是筛选方法，其返回值为`true`表示当前行符合筛选条件，`false`表示不符合。`filterToday`、`filterYesterday`、`filterLastWeek`和`filterLastMonth`方法分别表示筛选今天、昨天、最近一周和最近一个月的日期数据。

通过上述步骤，就可以在Vue中使用自定义过滤器实现表格中日期的筛选功能。