javascript - FullCalendar.js 从选择事件中获取日期范围作为字符串

Question

我正在使用FullCalendar.js使用户能够从可视日历中选择单个日期或日期范围 like this 。

The documentation specifies我应该实现 select 函数来捕获用户选择的开始日期 startStr 和结束日期 endStr。

下面是我认为可以做到这一点的代码:

 $('#calendar').fullCalendar({
    selectable: true,
    header: {
      left: 'prev,next today',
      center: 'title',
      right: ''
    },
    defaultDate: today,
    navLinks: true,
    eventLimit: true,
    events: [],
    select: function(selectionInfo) {
       console.log(selectionInfo.startStr);
       console.log(selectionInfo.endStr);
    }
 });

输出:

undefined
undefined

显然我的方法不正确。我做错了什么？

Answer 1

这并不能回答为什么OP代码不起作用。

但是，对于遇到相同问题的其他人来说，这里有一个不同的实现，可以作为可行的解决方案。

  var calendarEl = document.getElementById('calendar');
  var calendar = new FullCalendar.Calendar(calendarEl, {
    plugins: [ 'interaction', 'dayGrid', 'timeGrid' ],
    selectable: true,
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'dayGridMonth,timeGridWeek,timeGridDay'
    },
    dateClick: function(info) {
      console.log(info.dateStr);
    },
    select: function(info) {
      console.log(info.startStr);
      console.log(info.endStr);
    }
  });
  calendar.render();