ag-grid 修改日期过滤器显示答案

【问题标题】：ag-grid modify date filter displayag-grid 修改日期过滤器显示
【发布时间】：2018-06-03 03:53:28
【问题描述】：

我在 Angular 4 应用程序上使用 ag-grid 来显示表格。在日期列中，我使用文档中的默认日期过滤器agDateColumnFilter。过滤器输入中显示的占位符始终为mm/dd/yyyy。可以改成dd/mm/yyyy吗？

【问题讨论】：

【解决方案1】：

我们现在可以做到这一点

{headerName: "Updated at", field: "updated_at", hide: true, cellFormatter: function(data) {
    return moment(data.value).format('L');
}}

更多信息请参考this

【讨论】：

感谢您的参考，我能够根据需要格式化整个数据行，但过滤器输入仍然是问题。我仍然需要输入mm/dd/yyyy 来过滤数据行，而它们是dd/mm/yyyy 格式。并且过滤器输入中的占位符仍然默认为mm/dd/yyyy
@Sachila ：您能告诉我先生如何从日期过滤器中获取选定的值吗？

【解决方案2】：

我目前有同样的问题。

由于 ag-grid 使用 input type="date" 作为其日期过滤器，因此受到此处提到的限制 -> https://stackoverflow.com/a/9519493/885338 .我只能想知道是什么导致了不让显示格式可编辑的可怕决定。

您可以通过更改浏览器的语言来验证它。

我目前看到的唯一解决方案是按照此处所述实现自定义过滤器 -> http://www.ag-grid.com/javascript-grid-date-component/

如果您想要某种弹出式日历，请注意您可能不得不摆弄 ag-grid 的 CSS，尤其是一些 overflow 属性（例如在 ag-root 类上），我不知道这会产生什么影响在 ag-grid 上有。

【讨论】：

【解决方案3】：

在 filterParams 属性中使用 browserDatePicker: true

【讨论】：