帶有用於日期字段的自定義過濾器的 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;
            }
          }
      ]
    },