TransWikia.com

Замена надписей в v-date-picker на Vuetify JS

Stack Overflow на русском Asked by Andrew Volikov on December 21, 2020

Имеется обычный 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>

введите сюда описание изображения

One Answer

У DatePicker есть реквизит weekday-format для доступа к дням недели:

Name: weekday-format
Type: function
Default: null
Description: Allows you to customize the format of the weekday string that appears in the body of the calendar. Called with date (ISO 8601 date string) arguments.

Т.е., если дообавить :weekday-format в v-date-picker, например:

 <v-date-picker
    v-model="date"
    locale="ru-ru"
    :weekday-format="getCustomDay"
 ></v-date-picker>

а в methods:

getCustomDay(date){
    const daysOfWeek = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
    let i = new Date(date).getDay(date)
    return daysOfWeek[i]
 },

получиться "Пн, Вт, Ср...Вс" в заголовке недели.

Answered by Jack_oS on December 21, 2020

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP