Как отформотировать дату в формат «ДД-ММ-ГГГГ»?

Question

[Daniil161rus]

C бэка прилетает вот так:
Как сделать чтобы в таблице дата отображалась корректно ?

<v-data-table :headers="headers" :items="getOffersList" :search="search" 
            :footer-props="{
            'items-per-page-text':'Кол-во товаров на странице',
            'items-per-page-all-text': 'Все',
            'page-text': '{0}-{1} из {2}'
          }">
</v-data-table>

export default {
headers: [
      { text: "Номер", align: "start", sortable: false, value: "id", width: "10%"},
      { text: "Вид работы", value: "title" },
      { text: "Дата создания", value: "created_at" },
      { text: "Действие", value: "actions", sortable: false },
    ],
}

Comments

[Lord_Dantes]

Сделать метод и там переганять на JS в такой вид в какой вам нужен не пробовали?

[Daniil161rus]

Lord_Dantes, т.е. Данные которые приходят с бэка, в методе брать дату и переписывать ее в нужный мне вид?

[Lord_Dantes]

Daniil161rus, я тоже новичок в Vue, поделюсь с вами как бы сделал я, но не факт что это правильно. Дядьки снизу лучше знают 100%. Я бы сделал в методах функция которая принимает в себя date, далее мы с помощью нее создаем новую дату на JS через new Date(), и уже переводим её в нужный формат ДД-ММ-ГГ и возвращаем её в функции.
Идём в шаблон и {{ nameFunction(ваша_исходная_дата) }}

Answer 1

[0xD34F]

Кастомизировать внешний вид содержимого столбцов можно через их слоты:

<v-data-table>
  <template #item.created_at="{ item }">
    {{ item.created_at.toLocaleDateString('ru-RU') }}
  </template>

Answer 2

[Владимир Коротенко]

Используйте форматер что то типа

date| dateFormatter