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

Question

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?

question from:https://stackoverflow.com/questions/65888010/vuetify-filter-and-sort-v-data-table-with-a-formatted-date-column

Answer 1

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.