是的,ag grid中的日期筛选器的格式可以更改。可以通过自定义一个日期组件来实现。首先,需要在ag grid的columnDefs中指定需要筛选的列的filter属性为agDateColumnFilter。然后,自定义一个继承自agDateComponent的日期组件,并在里面重写formatDisplayedDate方法,该方法被用于在“from”和“to”input框中显示日期。最后,在ag grid的gridOptions的components属性中指定自定义的日期组件。以下是代码示例:
//columnDefs中指定filter为agDateColumnFilter
columnDefs: [
{
headerName: 'Date',
field: 'date',
filter: 'agDateColumnFilter'
}
]
//自定义的日期组件
class CustomDateComponent extends agGridReact.AgDateComponent {
formatDisplayedDate(date) {
//将date转为需要的格式
return moment(date).format('YYYY-MM-DD');
}
}
//在gridOptions中指定自定义的日期组件
gridOptions: {
components: {
agDateInput: CustomDateComponent
}
}