[Vuejs]-Format Date in VueJS. Back-end to front-end

by

0👍

✅

You can use moment.js and computed properties

import moment from 'moment'

....
computed: {
  formatedItems () {
    if (!this.items || this.items.length === 0) return []
    return this.items.map(item => {
      return {
        ...item,
        dateFrom: moment(item.dateFrom).format('DD/MM/YYYY'),
        dateTo: moment(item.dateTo).format('DD/MM/YYYY'),
        dateChanged: moment(item.dateChanged).format('DD/MM/YYYY')
      }
    })
  }
}

and in your component

<vue-good-table
:columns="columns"
:rows="formatedItems"
:paginate="true"
:lineNumbers="true">

Another option is using table-row slot of vue-good-table

Leave a comment