使用 react-datepicker 和 agGrid

Question

我正在尝试将react-datepicker与ag-grid集成。 ag-grid提供了使用flatpickr的自定义日期选择器的文档， 想知道是否有人已经成功地尝试过在ag-grid中使用react-datepicker，如果是的话，能否提供一个示例？

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

- Martina Carter

Answer 1

React-Datepicker 使用起来有些棘手，但我有一个可行的解决方案：

portalId 在这里关键，它允许我们将弹出窗口附加到根节点，使得弹出窗口可以在过滤菜单内可见：

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

请查看此示例。

- Shuheb