将 react-datepicker 与 agGrid 结合使用

Question

我正在尝试将反应日期选择器与 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

将 react-datepicker 与 agGrid 结合使用

Using react-datepicker with agGrid

ag-grid

ag-grid-react

react-datepicker