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?
3
votes
3 Answers
2
votes
we can do this with the moment
{headerName: "Updated at", field: "updated_at", hide: true, cellFormatter: function(data) {
return moment(data.value).format('L');
}}
Refer this for further information
2
votes
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.
