Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我想使用Ag Grid ReactJS的自定义日期组件按日期范围进行筛选_Javascript_Reactjs_Ag Grid_Ag Grid Angular_Ag Grid React - Fatal编程技术网

Javascript 我想使用Ag Grid ReactJS的自定义日期组件按日期范围进行筛选

Javascript 我想使用Ag Grid ReactJS的自定义日期组件按日期范围进行筛选,javascript,reactjs,ag-grid,ag-grid-angular,ag-grid-react,Javascript,Reactjs,Ag Grid,Ag Grid Angular,Ag Grid React,我想使用ReactJS ag网格按日期范围过滤,而不是按单个日期过滤 因此,我添加了模式:'range'来为ag grid在其应用程序中使用的FlatPicker日期组件使用日期范围 我希望能够使用日期范围过滤plnkr示例中的行。但是,我只能将其中一个日期(起始日期)传递给columnDef中的comparator函数。如果我试图传入一个日期数组,我会收到一个错误,因为ag grid只需要一个日期对象,而不是一个日期对象数组 { field: 'date',

我想使用ReactJS ag网格按日期范围过滤,而不是按单个日期过滤

因此,我添加了模式:'range'来为ag grid在其应用程序中使用的FlatPicker日期组件使用日期范围

我希望能够使用日期范围过滤plnkr示例中的行。但是,我只能将其中一个日期(起始日期)传递给columnDef中的comparator函数。如果我试图传入一个日期数组,我会收到一个错误,因为ag grid只需要一个日期对象,而不是一个日期对象数组

        {
      field: 'date',
      minWidth: 190,
      filter: 'agDateColumnFilter',
      filterParams: {
        comparator: function(filterLocalDateAtMidnight, cellValue) {
          var dateAsString = cellValue;
          var dateParts = dateAsString.split('/');
          var cellDate = new Date(
            Number(dateParts[2]),
            Number(dateParts[1]) - 1,
            Number(dateParts[0])
          );
          if (filterLocalDateAtMidnight.getTime() === cellDate.getTime()) {
            return 0;
          }
          if (cellDate < filterLocalDateAtMidnight) {
            return -1;
          }
          if (cellDate > filterLocalDateAtMidnight) {
            return 1;
          }
        },
      },
    },
{
字段:“日期”,
最小宽度:190,
筛选器:“agDateColumnFilter”,
过滤器参数:{
比较器:函数(filterLocalDateAtMidnight,cellValue){
var dateAsString=cellValue;
var dateParts=dateAsString.split('/');
var cellDate=新日期(
编号(日期部分[2]),
编号(日期部分[1])-1,
编号(日期部分[0])
);
if(filterLocalDateAtMidnight.getTime()==cellDate.getTime()){
返回0;
}
if(cellDatefilterLocalDateAtMidnight){
返回1;
}
},
},
},

我怀疑我需要覆盖其中一个api方法来接受一个日期对象数组,而不是列定义中的一个日期,但我似乎无法正确地做到这一点

你能找到解决办法吗?你能找到解决办法吗?
        {
      field: 'date',
      minWidth: 190,
      filter: 'agDateColumnFilter',
      filterParams: {
        comparator: function(filterLocalDateAtMidnight, cellValue) {
          var dateAsString = cellValue;
          var dateParts = dateAsString.split('/');
          var cellDate = new Date(
            Number(dateParts[2]),
            Number(dateParts[1]) - 1,
            Number(dateParts[0])
          );
          if (filterLocalDateAtMidnight.getTime() === cellDate.getTime()) {
            return 0;
          }
          if (cellDate < filterLocalDateAtMidnight) {
            return -1;
          }
          if (cellDate > filterLocalDateAtMidnight) {
            return 1;
          }
        },
      },
    },