ag-grid modify date filter display

Question

I use ag-grid on my Angular 4 app to display a table. In the date column, I use default date filter agDateColumnFilter as in the documentation. The placeholder shown in the filter input is always mm/dd/yyyy. Is it possible to change it to dd/mm/yyyy?

Answer 1

I currently have the same problem.

Since ag-grid uses input type="date" for its date filter it suffers from the restrictions mentioned here -> https://stackoverflow.com/a/9519493/885338 . I can only wonder what lead to the horrible decision not to let the display format be editable.

You can verify it by changing the browser's language.

The only solution I currently see is to implement a custom filter as described here -> http://www.ag-grid.com/javascript-grid-date-component/

If you want somekind of popup calendar be aware that you might have to fiddle with ag-grid's CSS, most notably some overflow properties (on class ag-root for example) and I don't know what the effects this has on ag-grid.