如何将 Angular Material Datepicker 连接到 AgGrid 的单元格编辑器以获取日期类型字段？

Question

我有一个使用 AgGrid 表的 Angular9 应用程序。有几个表包含日期列——“pickup_date”、“return_date”等。我想让用户在编辑这些列中的单元格时使用日期选择器来选择日期。AgGrid 的文档有一个使用 jQuery 的日期选择器来实现此目的的示例 - https://www.ag-grid.com/javascript-grid-cell-editing/#example-datepicker-cell-editing。但我想避免在我的应用程序中使用 jQuery。有没有办法将任何其他日期选择器（例如 Angular Material Datepicker）连接到单元格编辑器？

谢谢你的帮助。

Answer 1

您需要使用cellRenderer（请参阅此处）来实现此目的。然后，您可以将 Angular Material 日期选择器放置在单元格内，以便在编辑时显示。

我在这里为您创建了一个 StackBlitz 示例。