FullCalendar - дубликат - PullRequest
Новая
       16

FullCalendar - дубликат

2 голосов
/ 11 февраля 2020

У меня проблема с JavaScript FullCalendar.

Когда я нажимаю на день, открывается модальное окно, где пользователь должен выбрать имя. Это имя добавляется к выбранному дню.

Когда я добавляю второе событие (так, имя), оно работает. Когда я нажимаю другой день, чтобы добавить новое событие, новое событие хорошо добавляется, НО это событие также добавляется к дню, выбранному для первого события.

Когда я добавляю третье событие, это событие добавлено, где ожидалось, но также добавлено к дням, в которые я ранее добавил события.

Когда страница обновляется, проблема исчезает для первого события, а после запуска снова, как объяснено. Вот мой код: 

$(document).ready(function() {

   var calendar = $('#calendar').fullCalendar({
    editable:true,
    header:{
     left:'prev,next today titre',
     center:'title',
     right:'month,agendaWeek,agendaDay'
    },
    events: 'load.php',
    selectable:true,
    selectHelper:true,
    locale: 'fr',
    showNonCurrentDates: false,
    buttonText: {
        today:    'Aujourd\'hui - Tournée 1',
        month:    'Mois',
        week:     'Semaine',
        day:      'Jour',
        list:     'Liste'
    },
    dayNamesShort: [
        'Dim','Lun','Mar','Mer','Jeu','Ven','Sam'
    ],
    monthNames:[
        'Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'
    ],
    firstDay:1,
    aspectRatio: 1.50,
    displayEventTime: false,
    select: function(start, end, allDay)
    {
        var title = '';
        var start = $.fullCalendar.formatDate(start, "Y-MM-DD HH:mm:ss");      
        var end = $.fullCalendar.formatDate(end, "Y-MM-DD HH:mm:ss");            

        $('#myModal').modal('show'); 

        $('.savebutton').click(function() {

           title = document.getElementById("name").options[document.getElementById('name').selectedIndex].text;

           if(title)
           {

               var backgroundColor = "red";

               $.ajax({
               url:"insert.php",
               type:"POST",
               data:{title:title, start:start, end:end,backgroundColor:backgroundColor},
               success:function()
               {
                   calendar.fullCalendar('refetchEvents');
                   title=''; 

                   // location.reload();
                }
                })

            }
          });

    }
...