How to format Vuetify data table date column?

by

You should use a custom row cell :

<v-data-table :headers="headers" :items="logs">
  <template v-slot:item.createdOn="{ item }">
    <span>{{ new Date(item.createdOn).toLocaleString() }}</span>
  </template>
</v-data-table>

More Related Contents:

  1. Styling Vuetify selectors
  2. What should I do to use this webpacked JS library? [closed]
  3. Vue.js dynamic images not working
  4. How to use .env variables in Nuxt 2 or 3?
  5. Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered
  6. How to fix navigator / window / document is undefined in Nuxt
  7. Why does Prettier not format code in VS Code?
  8. Display unescaped HTML in Vue.js
  9. Vue.js get selected option on @change
  10. How to use any icons with Nuxt3?
  11. How to install jQuery into Nuxt.js?
  12. Running an Express server middleware alongside Nuxt
  13. How to use any icons with Nuxt or Vue?
  14. How can I bind the html content in vuejs?
  15. What is ?
  16. Vue.js data-bind style backgroundImage not working
  17. How to use Vuetify tabs with vue-router
  18. multiple pages in Vue.js CLI
  19. How to bind img src to data in Vue
  20. Write tags in HTML and print
  21. Why the onclick element will trigger twice for label element
  22. Open link in iframe [closed]
  23. Is it possible to play HTML5 video in reverse?
  24. Load event not fired on Safari when reloading page
  25. Multiple Select limit number of selection
  26. How can I stop an onclick event from firing for parent element when child is clicked?
  27. getting mouse position with javascript within canvas
  28. Property ‘XXX’ does not exist on type ‘CombinedVueInstance’
  29. Detect if dropdown navigation would go off screen and reposition it
  30. Converting sanitised html back to displayable html

Leave a Comment