팝업이있는 전체 캘린더

Question

전체 캘린더를 사용 중입니다. 그리고 나는 팝업을 가지고있다.

하지만 문제는 이벤트가있는 날짜를 클릭하면 팝업이 표시된다는 것입니다. 당신이 이벤트없이 다른 날짜를 클릭하면하지만, 그것은 이전 event.Thank의 데이터를 취하면 다음 기능

:

IT는이 스크립트에 관한 것입니다 :

$('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     defaultView: 'month', 
     editable: true, 
     allDaySlot: false, 
     selectable: true, 
     slotMinutes: 25, 
     eventClick: function (calEvent, jsEvent, view) { 

      var durationEvent = calEvent.end - calEvent.start; 
      var title = $('#eventTitle').val(); 
      $("#popupEventForm").find("form").find("#eventTitle").attr('placeholder', calEvent.title); 
      $("#eventDate").html(moment(calEvent.EventStart).format('MMM Do h:mm A')); 
      //$("#popupEventForm").find("form").find("#eventDate").attr(calEvent.EventStart); 

      $("#popupEventForm").find(calEvent.start).html(moment("#eventDate").format(('MMM Do h:mm A')));     
      $('#popupEventForm').show(); 
     }, 


     eventDrop: function (event, dayDelta, minuteDelta, allDay, revertFunc) { 
      if (confirm("Confirm move?")) { 
       UpdateEvent(event.id, event.start); 
      } 
      else { 
       revertFunc(); 
      } 
     }, 

     eventResize: function (event, dayDelta, minuteDelta, revertFunc) { 

      if (confirm("Confirm change appointment length?")) { 
       UpdateEvent(event.id, event.start, event.end); 
      } 
      else { 
       revertFunc(); 
      } 
     }, 

     dayClick: function (date, allDay, jsEvent, view) { 


      $('#eventTitle').val(""); 
      $('#eventDate').val($.fullCalendar.formatDate(date, 'dd/MM/yyyy')); 
      $('#eventTime').val($.fullCalendar.formatDate(date, 'HH:mm')); 
      ShowEventPopup(date); 
     }, 

     viewRender: function (view, element) { 

      if (!CalLoading) { 
       if (view.name == 'month') { 


        $('#calendar').fullCalendar('removeEventSource', sourceFullView); 
        $('#calendar').fullCalendar('removeEvents'); 
        $('#calendar').fullCalendar('addEventSource', sourceFullView); 
       } 
       else { 
        $('#calendar').fullCalendar('removeEventSource', sourceSummaryView); 
        $('#calendar').fullCalendar('removeEvents'); 
        $('#calendar').fullCalendar('addEventSource', sourceFullView); 
       } 
      } 
     } 

    }); 

    CalLoading = false; 


}); 

하지만 입자에 스크립트의이 부분 :

var durationEvent = calEvent.end - calEvent.start; 
var title = $('#eventTitle').val(); $("#popupEventForm").find("form").find("#eventTitle").attr('placeholder', calEvent.title); 
$("#eventDate").html(moment(calEvent.EventStart).format('MMM Do h:mm A')); 
//$("#popupEventForm").find("form").find("#eventDate").attr(calEvent.EventStart); 
$("#popupEventForm").find(calEvent.start).html(moment("#eventDate").format(('MMM Do h:mm A'))); 

$('#popupEventForm').show(); 

당신에게

Answer 1

D 감사 모달을 열려고 시도하지 마시고 이벤트 클릭 기능을 사용하십시오. 당신이 선택한 날짜를 전달하려는 경우 사용 선택, 이와 같이

select: function (calEvent, jsEvent, view) { 

      var durationEvent = calEvent.end - calEvent.start; 
      var title = $('#eventTitle').val(); 
      $("#popupEventForm").find("form").find("#eventTitle").attr('placeholder', calEvent.title); 
      $("#eventDate").html(moment(calEvent.EventStart).format('MMM Do h:mm A')); 
      //$("#popupEventForm").find("form").find("#eventDate").attr(calEvent.EventStart); 

      $("#popupEventForm").find(calEvent.start).html(moment("#eventDate").format(('MMM Do h:mm A')));     
      $('#popupEventForm').show(); 
     }, 

단지 date

select: function (date) { 
    console.log(date); 
});