FullCalendar.js получает диапазон дат в виде строки из события select

Question

Я использую FullCalendar.js , чтобы позволить пользователю выбрать одну дату или диапазон дат из визуального календаря , например, .

В документации указывается, что я должен реализовать функцию 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();