ag-grid - 将 react-datepicker 与 agGrid 结合使用

Question

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

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

Answer 1

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

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

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

请参阅this example