带有用于日期字段的自定义过滤器的 ag-grid 反应

Question

我在 reactjs 和 typescript 中创建了 ag-grid，它运行良好。 但在我的专栏之一中，它是日期字段类型，在 valueFormatter 的帮助下，我从Now() 返回的时刻。

{ headerName: "Submitted Date", field: "LastSubmittedDate", filter: 'agNumberColumnFilter', floatingFilter: true,
        valueFormatter:(params: ValueFormatterParams)=>{
          return params.value ? moment(params.value).fromNow() : ''
        } },

现在我想用大于的天数过滤该列。 有人可以帮助我。 我的完整代码在这里

https://stackblitz.com/edit/react-ts-wpcwxj?file=index.tsx

Answer 1

请检查我从您的示例中分出的stackblitz 。

我所做的是我刚刚添加了customFilterOptions 。 我的解决方案更多是面向 Javascript 而不是 redux 但我想你可以修复它。

这是我添加到列中以使其工作的一段代码，并且在过滤时仅向最终用户显示大于选项。

   filterParams:{
      filterOptions:[
          'greaterThan',
          {
            displayKey: 'greaterThan',
            displayName: 'Greater Than',
            test : function(filterValue,cellValue){
              let celldate = moment(cellValue);
              let today = moment();
              let datediff = today.diff(celldate,'days')
              debugger;
              return cellValue == null || datediff > filterValue;
            }
          }
      ]
    },