在agGrid中使用react-datepicker

Question

我正在尝试将react-date picker与ag-grid ag-grid结合起来，提供了使用自定义日期选择器的文档，但我想知道是否有人成功地尝试将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