将 react-datepicker 与 agGrid 一起使用

【问题标题】：Using react-datepicker with agGrid将 react-datepicker 与 agGrid 一起使用
【发布时间】：2021-03-18 12:58:47
【问题描述】：

我正在尝试将 react-date 选择器与 ag-grid 合并 ag-grid 提供有关使用自定义日期选择器但使用 flatpickr 的文档想知道是否有人成功尝试将 react-datepicker 与 ag-grid 一起使用，如果是，可以提供示例吗？

Ag 网格示例：https://www.ag-grid.com/javascript-grid/component-date/

【问题讨论】：

标签： ag-grid ag-grid-react react-datepicker

【解决方案1】：

react-datepicker 使用起来有点棘手，但我有一个可行的解决方案：

portalId 是这里的关键，它允许我们将弹出窗口附加到根目录，从而使弹出窗口在过滤器菜单中可见：

<DatePicker
          portalId="root"
          popperClassName="ag-custom-component-popup"
          selected={this.state.date}
          onChange={this.onChange.bind(this)}
        />

请看this example

【讨论】：