带有API / props的完整日历设置日名

时间:2019-05-13 07:44:59

标签: vue.js fullcalendar

我正在使用Fullcalender的Vue组件,但找不到更改默认日期名称的选项。

https://fullcalendar.io/docs/v3/dayNames

我试图传递像这样的道具:

<FullCalendar
   :option="{
     dayNames:[
     'Sunday',
     'Monday', 
     'Tuesday', 
     'Wednesday',
     'Thursday', 
     'Friday', 
     'Saturday'
   ]}"
/>

<FullCalendar
   :dayNames="['Sunday',
            'Monday', 'Tuesday', 'Wednesday',
            'Thursday', 'Friday', 'Saturday']"
/>

但是没有用。我不知道如何将它们传递给组件。

1 个答案:

答案 0 :(得分:0)

我使用jQuery做了一个快速功能来做到这一点:

var headerElems = $('.fc-day-header');

if (headerElems.length > 0) {

    headerElems.each((k, v) => {

        var text = $('span', v).text();

        // set first chart as text
        $('span', v).text(text[0]);

    });

}