fullcalendar 增加搜索框

要在fullcalendar中添加搜索框，可以按照以下步骤进行操作：

1. 首先，在HTML文件中创建一个搜索框元素，可以使用<input>标签，并为其设置一个唯一的ID，例如"search-input"。

2. 在JavaScript中找到fullcalendar的初始化代码块。

3. 在初始化代码块中，使用jQuery选择器获取搜索框元素，并将其赋值给一个变量，例如searchInput。可以使用以下代码实现：

var searchInput = $("#search-input");

4. 接下来，使用fullcalendar的eventRender回调函数来筛选要显示的事件。通过检查搜索框的值，决定要显示的事件，可以使用以下代码实现：

eventRender: function(event, element){
  if (event.title.includes(searchInput.val())){
    return true; // 显示事件
  } else {
    return false; // 隐藏事件
  }
}

5. 最后，为搜索框元素添加一个事件监听器，响应搜索内容的变化，并重新渲染日历以反映结果。可以使用以下代码实现：

searchInput.on("input", function(){
  $('#calendar').fullCalendar('rerenderEvents');
});

通过以上步骤，就可以在fullcalendar中成功添加一个搜索框，并根据搜索内容来筛选要显示的事件。希望这些步骤对你有帮助！