Ag-grid 日期过滤器日期选择器未在边缘加载（适用于 chrome）

Question

我有一个使用过滤器的日期字段：agDateColumnFilter

当我在 chrome 和 select 中加载网格以过滤此日期字段时，出现的对话框包含一个 'date' 类型的输入，允许我打开一个日期选择器。

当我在 Microsoft Edge 中执行完全相同的操作时，'text' 类型的输入会呈现在对话框中，我无法打开日期选择器。尽管 Edge 支持 'date'.

类型的输入

有谁知道如何强制它呈现 'date' 类型的输入，或者是否有一种方法可以使用我可以放置自定义日期选择器的自定义 html 来定义自定义过滤器，或者什么东西？

我目前使用的版本是：

"ag-grid-community": "20.1.0",
"ag-grid-enterprise": "20.1.0"

Answer 1

查看 ag 网格 github 存储库中 defaultDateComponent 的源代码，我可以看到将输入类型转换为 date

的以下逻辑

if (_.isBrowserChrome() || (params.filterParams && params.filterParams.browserDatePicker)) {
    if (_.isBrowserIE()) {
        console.warn('ag-grid: browserDatePicker is specified to true, but it is not supported in IE 11, reverting to plain text date picker');
    } else {
        this.eDateInput.type = 'date';
    }
}

要设置的缺失过滤器参数是 browserDatePicker。在参数中将其设置为 true 现在会在 Edge 中显示一个日期选择器：

{
    headerName: 'My date field',
    field: 'dateField',
    sortable: true,
    filter: 'agDateColumnFilter',
    filterParams: {
      browserDatePicker: true
    }
  }

Ag-grid 日期过滤器日期选择器未在边缘加载（适用于 chrome）

Ag-grid date filter datepicker not loading in edge (works in chrome)

javascript

datepicker

ag-grid