自定义vuetify v日历日期名称

时间:2020-01-02 18:39:27

标签: vue.js

我想将默认的日期名称从MON, TUE, WED, THU, FRI, SAT, SUN更改为西班牙语的日期名称,但不更改时间布局,即7 AM, 8 AM, 9 AM ...

但是,如果我将语言环境更改为locale="es",则名称会更改,但时间布局会更改为1, 2, 3, ...

我不想更改时间布局,因此使用语言环境道具对我不起作用,有没有办法以其他方式更改日期名称?

1 个答案:

答案 0 :(得分:0)

使用工作日格式设置。这使您可以指定一个函数,可以在其中返回星期几的值。这是我写的CodePen, only 仅返回POOP(对不起),但向您展示了该函数的作用:

https://codepen.io/cfjedimaster/pen/PowOZVy?editors=1111

我知道SO不喜欢指向解决方案的链接,我将在此处进行复制:

<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

    }