Vue FullCalendar如何动态设置选项?

时间:2018-03-17 11:45:29

标签: javascript vue.js fullcalendar

我需要动态更改Vue FullCalendar中的某些选项,但日历并未应用它。

请查看我的示例https://codesandbox.io/s/3q2j3r7pjq

从20:00到18:00的底部设置maxTime选项中的按钮

我如何刷新日历视图?

2 个答案:

答案 0 :(得分:1)

我发现它=)

this。$ refs.calendar.fireMethod(' option',optionName,optionValue)

答案 1 :(得分:0)

您必须为日历组件定义引用,并在其api上调用setOption

<full-calendar :config="config" :events="events" ref="fullCalendar" />
...
this.$refs.fullCalendar.getApi().setOption('maxTime', '18:00:00');