Estoy creando un calendario de reservas y me encontré con un problema. No puedo mostrar el calendario completo después de las respuestas de Ajax. En respuesta, recibe dos matrices con números, una matriz define qué días de la semana están disponibles, por ejemplo (1 y 6, es decir, de lunes a sábado); aquí uso la función hiddendays, pero no puedo pasarle datos dinámicamente. Al mismo tiempo, en la segunda tabla tengo fechas específicas que ya no están disponibles, por lo que quiero excluirlas de hacer clic en ellas, pero no sé qué función usar.

 $(document).ready(function () { let startServiceDay = 0; let endServiceDay = 0; const calendarEl = document.getElementById("calendar"); /* AJAX FULL CALENDAR */ $("select#select-service").change(function () { $.ajax({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, method: "POST", url: getFreeDay + $(this).val(), data: { "id": $(this).val() }, beforeSend: function () { $(".calendary-loader").css('display', 'block'); }, }) .done(function (data) { data:data.hiddenDays, data.startServiceDay = data.hiddenDays[0]['service_day_of_week_start'], data.endServiceDay = data.hiddenDays[0]['service_day_of_week_end'], calendar.render(); $(".calendary-loader").css('display', 'none'); console.log(startServiceDay + ' ' + data.endServiceDay); //window.location.reload(); }) .fail(function (data) { console.log($(this).data('id')) console.log(data.responseJSON.message); }); }); let calendar = new Calendar(calendarEl, { //const m = moment(); locale: plLocale, plugins: [dayGridPlugin, timeGridPlugin, listPlugin, interactionPlugin, momentPlugin], initialView: 'dayGridMonth', headerToolbar: { left: 'prev,next', center: 'title', right: '' }, editable: true, hiddenDays: [startServiceDay, endServiceDay], /*dayRender: function(date, cell){ if (date > maxDate){ $(cell).addClass('disabled'); } },*/ selectable: true, selectAllow: function (select) { return moment().diff(select.start, 'days') <= 0 } }); });