Блог

Главная - Вопросы по программированию - полный календарь v5 — открывает модальный файл при нажатии на значок в верхней части сетки

полный календарь v5 — открывает модальный файл при нажатии на значок в верхней части сетки

#javascript #modal-dialog #fullcalendar #icons

#javascript #модальный диалог #полный календарь #Значки

Вопрос:

У меня проблема с fullcalendar V5.

Я поместил значок в верхней части daygrid. изображение

Я хочу показывать модальный объект (#ModalEditAbsence), когда я нажимаю на него.

Модальный отображается, так что все в порядке, но другой модальный (тот, который открыт при выборе опции fullcalendar: #ModalAddAbsence) тоже открыт.

Итак, у меня одновременно открыты 2 модала…

Вот код значка в опции DayCellContent в fullcalendar:

 '<a onClick="teletravail_click(this.id)" href="#" class=" fa fa-home" id="'  nom_tel[k]   couleur_tel[k]  '" aria-hidden="true" title="'   nom_tel[k]   '" data="'   couleur_tel[k]   '"style="color:'   couleur_tel[k]  '"></a>';  

     function teletravail_click(id) {
        var teletravail = document.getElementById(id);
        $('#ModalEditAbsence #event_id').val('103');
        $('#ModalEditAbsence #task').val('Télétravail');
        $('#ModalEditAbsence #user').val(teletravail.getAttribute("data"));
        $('#ModalEditAbsence #description').val('');
        $('#ModalEditAbsence').modal('show');
    }

я попытался добавить $(‘#ModalAddAbsence’).modal(‘скрыть’); в функцию teletravail_click, но это не работает.

если у кого-то есть решение…Спасибо!

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

1. В чем именно проблема? Вы хотите закрыть один модал при открытии другого или вы хотите, чтобы оба были открыты одновременно?

2. я просто хочу, чтобы при нажатии на значок открывался #ModalEditAbsence. Но #ModalAddAbsence также открывается, потому что значок находится в дневной сетке. Я хотел бы отключить это, как при нажатии на номер дня.

3. код для нажатия на номер дня: <a class=»fc-daygrid-day-number» data-navlink=»{«date»:»2020-09-09″,»type»:»day»}» tabindex=»0″>9</a> . Кажется, что ссылка на данные блокирует открытие модального параметра #ModalAddAbsence. Но я не могу использовать его для открытия #ModalEditAbsence

4. Не лучше ли было бы представить отсутствие как событие? Непонятно, зачем вы изобрели для этого эти значки.

5. Потому что у меня уже есть много событий (действий и отсутствия), и я хочу, чтобы эти события (удаленная работа) были четко видны с помощью значка в верхней части дневной сетки