Полный календарь выбора и отмены выбора дней

#javascript #database #select #fullcalendar #unselect

#javascript #База данных #выберите #полный календарь #отменить выбор

Вопрос:

Я работаю с полным календарем, и идея такова: когда я нажимаю на день, он сохраняется в базе данных. После этого он должен загрузить календарь с сохраненными выборками и в соответствии с определенными условиями разрешить выбор или отмену выбора дней. Моя проблема начинается: когда я выбираю один день или несколько дней, а затем выбираю другой день, я теряю предыдущий выбор, и я должен его сохранить, а также в соответствии с определенными условиями разрешить или не выбирать или не выбирать день. Я использую версию 5.3.2. Я пробовал решения других вопросов, но, полагаю, из-за версии, с которой они не работают, я был бы признателен за любые предложения. Это мой код:

     document.addEventListener('DOMContentLoaded', function() {
          var calendarEl = document.getElementById('calendar');

          var calendar = new FullCalendar.Calendar(calendarEl, {
            selectable: true,   
            unselectAuto: false,
            headerToolbar: {
              left: 'title',
              right: 'prev,next',
            },
            dateClick: function(info) {
                $(".fc-highlight").css("background", "green");
            },
            select: function(info) {
              $(".fc-highlight").css("background", "green");
            }
          });

          calendar.render();
    });
  

Комментарии:

1. dateClick может обрабатывать нажатие только один день за раз. Поэтому, если вы используете этот подход, вам нужно будет сохранять выделение каждый день отдельно, сразу после его выбора.

2. выбор может обрабатывать выбор нескольких дней, если вы перетаскиваете, но в них не должно быть пробелов. Итак, снова, сразу после того, как пользователь выберет любую заданную область, вы должны сохранить выбор, прежде чем они выберут что-либо еще.