javascript - 如何过滤掉 react 表中日期范围之间的日期

Question

如何根据日期范围过滤表格数据？
在此处将过滤器设置为日期列:

const tableInstance = useRef(null);
  const filterTable = (dates) => {
    if (tableInstance.current) {
      tableInstance.current.setFilter('session_date', dates);
    }
  };

onClick 功能在这里:

const handleFilter = () => {
    setSessionsData(data);
    if (sessionsData) {
      const dateArray = getDates(
        moment(fromDate).format('L'),
        moment(toDate).format('L')
      );
      filterTable(dateArray);
    }
  };

Answer 1

将此过滤器添加到您各自的列对象

{
  id: 'your_column_id',
  accessor: 'your_accessor',
  filter: (rows, id, filterValue) => {
    return rows.filter(
      (row) =>
        filterValue.length <= 0 ||
        !filterValue ||
        filterValue.includes(row.values[id])
    );
  }
}

此处 filterValue 包含包含所有可能匹配项的数组，即在您的情况下 dateArray (从 'fromDate' 到 'toDate' 的所有日期)。