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

Question

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

Answer 1

我们可以暂时执行此操作

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

有关详细信息，请参阅this

Answer 2

我目前遇到同样的问题。

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

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

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

如果你想要某些弹出日历，请注意你可能不得不使用ag-grid的CSS，最明显的是一些overflow属性（例如，在类ag-root上）并且我不知道这对ag-grid有什么影响。

Answer 3

在 filterParams 属性中使用 browserDatePicker：true