单击下一个、上一个和今天按钮时如何更新事件 url？答案

【问题标题】：How to update events url when clicking next, previous and today button?单击下一个、上一个和今天按钮时如何更新事件 url？
【发布时间】：2020-09-28 03:11:22
【问题描述】：

我对 fullcalendar v5.3.2 及其选项有疑问。

我有以下设置。

  var calendarEl = document.getElementById('calendar');                                                                                                                                                           
  var calendar = new FullCalendar.Calendar(calendarEl, {                                                                                                                                                          
    initialView: 'dayGridMonth',                                                                                                                                                                                  
    locale: 'ja',                                                                                                                                                                                                 
    themeSystem: 'bootstrap4',                                                                                                                                                                                    
    height: 700,                                                                                                                                                                                                  
    events: '/api/user/calendar/'+<?= $user->id?>+'<?= date("/Y/m")?>',                                                                                                                                           
});

我正在尝试更改事件 url 并在单击下一个、上一个和今天按钮时刷新日历。这是因为我想每月获取事件。

这样可以吗？

最好的问候，

【问题讨论】：

是的，你可以，但你不能这样做。有两种可能的方法，具体取决于您的服务器端代码的工作方式：请参阅 fullcalendar.io/docs/events-json-feed 和 fullcalendar.io/docs/events-function 。如果您仍然不明白任何内容，请在阅读完这些内容后再次询问我。
@ADyson 谢谢你的信息。我会看看那个。

标签： fullcalendar fullcalendar-5

【解决方案1】：

我可以设置如下事件 url。

calendar.setOption('events', 'MY_NEW_URL');

完整的源代码如下。

  var btn = document.getElementsByClassName('fc-button-primary');                                                                                                                                                 
  for(let i = 0; i < btn.length; i++) {                                                                                                                                                                           
    btn[i].addEventListener("click", function() {                                                                                                                                                                 
      var selectedYear = document.getElementsByClassName('fc-toolbar-title')[0].textContent.match(/^[0-9]*/)[0];                                                                                                  
      if(currentYear != selectedYear)                                                                                                                                                                             
      {                                                                                                                                                                                                           
        currentYear = selectedYear;                                                                                                                                                                               
        calendar.setOption('events', '/api/user/calendar/'+<?= $user->id?>+'/'+currentYear+'/'+document.getElementsByClassName('fc-toolbar-title')[0].textContent.match(/^[0-9]*/)[1] );                                }                                                                                                                                                                                                           
    })                                                                                                                                                                                                            
  }

【讨论】：