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