AG-Grid日期过滤器：点击重置按钮无法清空输入框残留文本

实现背景 #

• 技术栈为React + AG-Grid，参考AG-Grid GitHub Issue #2233的实现方案，将jQuery DateTimePicker作为自定义日期列的范围过滤器集成到项目中
• 已实现基础交互：点击表格顶部的「Reset Filters」重置按钮，可通过gridApi.setFilterModel(null)成功清空全表已应用的过滤规则
• 已搭建简化示例可稳定复现当前问题

预期交互逻辑 #

点击「Reset Filters」重置按钮后，需要同时实现两个效果：

• 清空所有表格已生效的过滤规则
• 同步清除对应过滤器面板内输入框的残留历史文本

现存问题 #

当前表格过滤状态可按预期正常清空，但重新打开日期列的过滤器面板时，之前输入的日期文本仍残留在输入框中，未被同步清除

问题复现步骤 #

• 打开「Event Timestamp」列的过滤器面板
• 为该列设置范围过滤条件：2020/01/31 00:00 - 2020/06/31 00:00
• 点击表格顶部的「Reset Filters」重置按钮
• 重新打开「Event Timestamp」列的过滤器面板
• 可观察到输入框仍完整保留之前输入的日期文本

现有重置方案的缺陷 #

当前尝试通过调用CustomDateComponent.prototype.setDate(null)实现输入框清空的思路，存在两处核心问题：

• 直接调用组件原型方法的方式，没有获取到过滤器组件的实际运行实例，方法调用不会作用于已渲染的真实组件，完全无效
• 现有CustomDateComponent的setDate方法仅修改组件内部存储的date变量值，没有同步操作绑定了jQuery DateTimePicker的输入框DOM元素，哪怕方法正常触发，也无法清空界面上的输入文本

内容的提问来源于stack exchange，提问作者jharris711