[Vuejs]-Vuetify filter and sort v-data-table with a formatted date column

by

0👍

In vuetify 3 with Nuxt 3 this could be solved simply by defining the headers with separate value and key parameters. Sorting will apply sort based on the key:

const headers = ref ([
...
  {title: 'Creation Date', align: 'start', value: 'creationDate', key: 'rawCreationDate'}
...
])

Define rawCreationDate so that it carries the sortable value for date:

rawCreationDate: new Date(creationDate).getTime()

Leave a comment