自定义vuetify v-日历日名称
自定义vuetify v-日历日名称
提问于 2020-01-02 18:39:27
我想用西班牙语将默认的日期名称从MON, TUE, WED, THU, FRI, SAT, SUN更改为日期名称，但不更改时间布局，即7 AM, 8 AM, 9 AM ...
但是，如果我将区域设置更改为locale="es"，则名称更改，但时间布局将更改为1, 2, 3, ...
我不想改变时间布局，所以使用地区道具对我不起作用，有没有办法改变日期名称的另一种方式？
回答 2
Stack Overflow用户
发布于 2020-01-02 20:09:20
使用工作日格式设置。这使您可以指定一个函数，在该函数中可以返回一周中的一天的值。下面是我编写的一个CodePen，它只返回便便(对不起)，但显示了实际的函数：
https://codepen.io/cfjedimaster/pen/PowOZVy?editors=1111
我知道所以不喜欢指向解决方案的链接，我将在这里复制以下内容：
<v-calendar
stuff here...
:weekday-format="myDayFormat"
>后来，
methods: {
myDayFormat(d) {
//if you look at d.weekday, it's a number 0 to 6, and you could hard code
//values for each, like if its 0, return "XXX", where XXX is Sunday for Spanish
}Stack Overflow用户
发布于 2022-04-07 17:26:45
简单解
<v-calendar
:weekday-format="getDay">
</v-calendar>
getDay(date){
const WeekDays = ['7', '1', '2', '3', '4', '5', '6'];
return WeekDays[date.weekday];
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59568386
复制相关文章
相似问题
腾讯云开发者
