vuetify filter and sort v-data-table with a formatted date column

0
votes

I have a v-data-table with a column that is in milliseconds thet I formatted with moment like this:
<td>{{ props.item.creationDate | moment("h:mm D.M.YYYY") }} I want to use the default sorting and filtering of vuetify but it turns out that if I'm formatting the date for display the filtering is not working because it is filtering the data itself which is not formatted, and if I'm formatting the data itself, the sort is not working because it is trying to sort the string formatted date.. is there a way to use the default sort and filter with my case or I have to use custom-filter/custom-sort?

1
vue.jsvuetify.js
You will need a custom filter - the built-in one only looks for the keys defined as column value(s) in the header definition. - IVO GELOV

1 Answers

0
votes

I've got the perfect solution for you!

I already placed an answer showing how this would be possible: How to format Vuetify data table date column?

I updated the the sandbox to show search is also still working since the value formatting is pure display.