@volandr

Как заменить надписи v-date-picker на Vuetify JS?

Имеется обычный DatePicker из Vuetify. У которого установлено locale="ru-RU", и язык действительно становится на русском языке. Но дни недели выводятся сокращением в одну буквы "П, В, С...". Каким образом я могу получить сокращение в две буквы "Пн, Вт, Ср.....".
Также надо вместо 2 selected вывести две выбранные даты, как она выводиться без пропса "range". В документации не нашел под это дело не пропсов, не слотом. Vue пришлось изучать очень срочно. Может есть какая либо библиотека, которая позволит найти элемент HTML и заменить его текст. Спасибо.

<v-date-picker
v-model="date"
range
scrollable
locale="ru-RU"
first-day-of-week=1
>
</v-date-picker>


5tHBP.png
  • Вопрос задан
  • 46 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
methods: {
  weekDay(date) {
    return new Date(date).toLocaleString('ru-RU', { weekday: 'short' });
  },
  titleDate(dates) {
    return dates
      .map(n => new Date(n).toLocaleString('ru-RU', {
        weekday: 'short',
        month: 'short',
        day: 'numeric',
      }))
      .join(' - ');
  },
},

<v-date-picker
  :weekday-format="weekDay"
  :title-date-format="titleDate"
/>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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