将react-datepicker与agGrid一起使用

Question

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

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

Answer 1

反应日期选择器使用起来有点棘手，但我有一个有效的解决方案：

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

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

请看这个例子