Vuetify表-在列中显示更好的时间戳格式

Question

我的UI中有这个时间戳格式，直接来自API/数据库。

2022-04-01T09:00->2022年1月4日

有没有一种方法可以解析它，并使用Vue.js以更好的格式进行渲染？

我有

<template v-slot:item.start_date="{ item }">
<v-chip>
{{ item.start_date }}
</v-chip>
</template>

Answer 1

您可以从Date对象中选择``方法：

<template v-slot:item.start_date="{ item }">
<v-chip>
{{new Date(item.start_date).toLocaleDateString() }}
</v-chip>
</template>