vuetify过滤器和排序v-data-table与格式化的日期列

62lalag4 于 2023-05-29 发布在 Vue.js

关注(0)|答案(1)|浏览(296)

我有一个v-data-table，其中有一列以毫秒为单位，我用moment格式化如下：
<td>{{ props.item.creationDate | moment("h:mm D.M.YYYY") }}我想使用vuetify的默认排序和过滤，但事实证明，如果我格式化显示日期，过滤不起作用，因为它过滤的是未格式化的数据本身，如果我格式化数据本身，排序不起作用，因为它试图对字符串格式的日期进行排序。有没有办法在我的案例中使用默认的排序和过滤，或者我必须使用custom-filter/custom-sort？

vue.js

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

1条答案

按热度按时间

q43xntqr1#

在带有Nuxt 3的vuetify 3中，这可以通过定义具有单独值和关键参数的头部来解决。排序将基于键应用排序：

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

定义rawCreationDate，使其携带日期的可排序值：

rawCreationDate: new Date(creationDate).getTime()

赞(0）回复(0）举报 2023-05-29

我来回答

vuetify过滤器和排序v-data-table与格式化的日期列

1条答案

相关问题

热门标签

最新问答