单击日期选择器时，单元格编辑器上的 Ag-grid Angular Material Datepicker 失去焦点

Posted 2023-03-28

【中文标题】单击日期选择器时，单元格编辑器上的 Ag-grid Angular Material Datepicker 失去焦点

【英文标题】：Ag-grid Angular Material Datepicker on Cell Editor lose focus when clicking on date picker

【发布时间】：2021-09-05 07:59:27

【问题描述】：

我正在 Ag-grid 上制作房间预订应用程序。请检查 Stackblitz 从日期和到日期列代表入住日期和退房日期。这些列设置为单元格编辑器，并使用 Angular Material Datepicker 作为日历。但是双击日期单元格并弹出日期选择器后。只要左键单击日期或选择器上的任何按钮，日期选择器就会关闭，并且不返回任何值。

【参考方案1】：

这似乎是 ag 网格中的一个错误。请在您的 package.json 中将其更新到至少 23 个版本

    "ag-grid-angular": "^23.0.1",
    "ag-grid-community": "^23.0.1",
    "ag-grid-enterprise": "^23.0.1",

【讨论】：

如果只是从 21 更改为 23 会有任何问题，因为这不是新的 Angular 项目，并且预订组件只是众多组件之一。

我认为这次升级是最简单的解决方案。如果可能的话，制定解决方法需要大量工作