能否为FullCalendar的headerToolbar按钮绑定函数？实现日期联动API调用

完全可以实现你的需求，推荐通过FullCalendar内置事件和配置来完成，以下是具体实现方案：

核心实现：利用datesSet事件处理月份变更 #

不管是点击prev/next按钮、切换年份，还是切换视图导致月份变化，datesSet事件都会触发，刚好能覆盖你"月份变更时更新date并调用接口"的需求，同时也能处理点击prev按钮时的date更新：

// 在现有配置基础上添加datesSet回调
headerToolbar:{
  left:'prevYear prev today next nextYear',
  center:'title',
  right:'dayGridMonth,dayGridWeek,timeGridDay,listMonth'
},
date : moment().format('YYYY-MM'),
// 添加datesSet事件回调
datesSet: function(info) {
  // 获取当前视图的起始月份，格式化为YYYY-MM
  const currentMonth = moment(info.view.currentStart).format('YYYY-MM');
  // 更新你的date变量
  this.date = currentMonth;
  // 调用目标接口
  fetch(`/admin/visit/schedule/month?managerId=${this.managerId}&date=${this.date}`)
    .then(res => res.json())
    .then(data => {
      // 这里编写接口返回数据的处理逻辑
      console.log('获取到日程数据:', data);
    })
    .catch(err => console.error('接口请求失败:', err));
}

额外需求：单独监听prev按钮点击（可选） #

如果需要给prev按钮添加独有的自定义逻辑（比如除了更新date和调用接口之外的额外操作），可以在日历初始化完成后，手动给prev按钮绑定点击事件：

// 日历实例初始化完成后执行
document.querySelector('.fc-prev-button').addEventListener('click', () => {
  // 这里编写prev按钮独有的逻辑，比如提示用户操作
  console.log('点击了prev按钮，当前月份已更新为', this.date);
});

说明 #

• datesSet事件中的info.view.currentStart会返回当前视图的起始日期，用moment格式化后正好是你需要的YYYY-MM格式；
• 这种方式无需单独处理prev/next等按钮的点击，所有导致月份变化的操作都会自动触发date更新和接口调用，逻辑更统一可靠。

内容的提问来源于stack exchange，提问作者hyunjun