Vuetify Table - Show nicer timestamp format in a column

Question

I have this timestamp format in my UI directly from the API/Database.

2022-04-01T09:00 --> 04/01/2022

Is there a way to parse it and rendering in a nicer format with Vue.js ?

I have

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

Answer 1

You could the `` method from the Date object :

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