How can I change the date format in the datagrid filter

Ask us anything How do I?
1

Hello everyone,

Is it possible to change the format in this filter when there are dates?
I’d like to use this format: yyyy/mm/dd

image
image738×298 19.9 KB

And this is how this field currently looks like:

image
image640×630 12.8 KB

Thanks

Melwyn

2

Hi Melwyn :waving_hand:

I’ll ask the team if we are able to do that with the datagrid filter at the moment.

3

Hi Melwyn, I don’t think it’s possible to change that.
As we are using Ag grid as a base for the element and they don’t seem to allow that change.

You can read more about it here: JavaScript Grid: Date Filter | AG Grid

4

Is this not relevant:

inRangeFloatingFilterDateFormatCopy Link

string

default: YYYY-MM-DD

Defines the date format for the floating filter text when an inRange filter has been applied.

5

Previous response was to the wrong thing.

But Thad is right you can change this but you’d have to fork your own datagrid component and use the inRangeFloatingFilterDateFormat. Isn’t possible with the default weweb datagrid element.

6

Thanks, that makes sense now.

I’d really appreciate it if someone could guide me through how to fork the datagrid component and use inRangeFloatingFilterDateFormat.

Open to paying for consulting.

Feel free to message me if you’re interested!

7

I’ve sent you a message, happy to give some advice. No charge :slight_smile: