Перейти к определенной дате в Fullcalendar + Scheduler, но отображать только определенный диапазон

На странице у меня есть Fullcalendar + Scheduler и форма поиска с двумя входами: start-date и end-date. Когда я отправляю его, начинается вызов ajax (мне нужно кое-что сделать на стороне сервера), и я получаю даты в json. Мне нужно заново отрисовать календарь, который будет начинаться и заканчиваться датами из josn. Код у меня есть:

      var searchForm = $('#search-form');
      searchForm.submit(function (e) {
        e.preventDefault();
        $.ajax({
          method: 'GET',
          url: '/en/admin/search',
          data: {
            start_date: '2018-06-01',
            end_date: '2018-07-01'
          }
        }).done(function (data) {
          $('#calendar').fullCalendar('gotoDate', data.start_date);
          $('#calendar').fullCalendar({
            validRange: {
              start: data.start_date,
              end: data.end_date
            }
          });
          $('#calendar').fullCalendar('removeEvents');
        });
      });

Функция 'gotoDate' является workinb, но validRange не работает в обратном вызове. Еще пробовал добавить $('#calendar').fullCalendar('refetchResources');, но ничего не вышло. Что я делаю не так и что можно сделать, чтобы решить эту проблему? Спасибо заранее.

$('#calendar').fullCalendar({ validRange: { start: data.start_date, end: data.end_date } }); в основном воссоздает ваш календарь с минимальными возможностями. Я не думаю, что ты не хочешь этого делать. Если вам нужно установить параметры после того, как календарь был впервые создан, используйте это: fullcalendar.io/docs/dynamic-options
ADyson 06.06.2018 11:09

Большое спасибо, просто добавил 'option' в функцию fullCalendar(), и он сделал то, что мне нужно.

Alex Zakruzhetskyi 06.06.2018 11:13
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
54
0

Другие вопросы по теме