使用自定义按钮时可以导航到 daygridmonth、timegridweek 和 timegridday 的内部 api 是什么？

Question

我想要。当我使用customButtons点击dayGridMonth时，希望dayGridMonthFunc获取内部api daygridmonth，点击后将屏幕显示为月份。

<div>           
 <FullCalendar
                class='bit-calendar'
                :options="config"
                ref="fullCalendar"
                locale=ko
                defaultView="dayGridMonth"
                :header="{
                  left: 'prev,next today',
                  center: 'title',
                  right: 'dayGridMonth,timeGridWeek,timeGridDay'
                }"
                :headerToolbar="{
                  left: 'prev,next today',
                  center: 'title',
                  right: 'dayGridMonth,timeGridWeek,timeGridDay'
                }"
                :customButtons="{ 
                  dayGridMonth: {
                    text: '월',
                    click: this.dayGridMonthFunc
                  },
                  timeGridWeek: {
                    text: '주',
                    click: this.timeGridWeekFunc
                  },
                  timeGridDay: {
                    text: '일',
                    click: this.timeGridDayFunc
                  },                  
                }"
              />
</div>

methods: {
   dayGridMonthFunc(event) {
        console.log(event);
   }
}

Answer 1

fullCalendar 文档中已经明确列出了选择特定视图的功能：ChangeView。

---

但您不需要自定义按钮来完成此任务！相反，只需将 locale 更改为韩语：

locale: "ko"

或者在 vue 特定的语法中：

locale="ko"

我看到您已经在代码中使用locale=ko 进行了尝试，但我认为您需要在ko 周围加上引号，并且您还需要确保加载了额外的语言环境模块。

这是一个使用原生 JS 的工作演示（因为我对 vue 不够熟悉）：https://codepen.io/ADyson82/pen/oNZbmRB - 您可以看到这些按钮默认显示您想要的韩文字符，无需定义任何自定义配置.