1

我想使用在服务器计算的 timeGrid 的正确最小和最大边界来获取我的事件，以在本地时间以最小时间窗口显示它们。但是，当我在获取事件时设置 minTime 时，它​​没有反应。请参阅时间网格应从 12:00 开始的示例。

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>

<link href='https://unpkg.com/@fullcalendar/core@4.1.0/main.css' rel='stylesheet' />
<link href='https://unpkg.com/@fullcalendar/daygrid@4.1.0/main.css' rel='stylesheet' />
<link href='https://unpkg.com/@fullcalendar/timegrid@4.1.0/main.css' rel='stylesheet' />
<script src='https://unpkg.com/@fullcalendar/core@4.1.0/main.js'></script>
<script src='https://unpkg.com/@fullcalendar/daygrid@4.1.0/main.js'></script>
<script src='https://unpkg.com/@fullcalendar/timegrid@4.1.0/main.js'></script>
<script src="https://unpkg.com/@fullcalendar/vue@4.1.0/main.umd.js"></script>

<script>
document.addEventListener('DOMContentLoaded', function() {
  new Vue({
    el: '#calendar',

    data: {
      plugins: [ window.FullCalendarTimeGrid.default ],

      views: {
        timeGrid: {
           minTime: '07:00:00',
           maxTime: '20:00:00'
        }
      }
    },

    methods: {
       fetchEvents() {
         this.views.timeGrid.minTime = '12:00:00';
         alert("minTime=" + this.views.timeGrid.minTime);
       }
    },

    template: `
       <div>
         <FullCalendar defaultView="timeGridWeek" :views="views" :plugins="plugins" :events="fetchEvents" />
       </div>`,
    });
});
</script>

<div id="calendar"></div>

我该如何反应？

4

0 回答 0