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>
У 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
Get help from others!
Recent Questions
Recent Answers
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP