@Daniil161rus

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

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

<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 },
    ],
}
  • Вопрос задан
  • 55 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Кастомизировать внешний вид содержимого столбцов можно через их слоты:

<v-data-table>
  <template #item.created_at="{ item }">
    {{ item.created_at.toLocaleDateString('ru-RU') }}
  </template>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
firedragon
@firedragon
Senior .NET developer
Используйте форматер что то типа

date| dateFormatter
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы