Skip to content Skip to sidebar Skip to footer

Full Calender With Popup

I am using the full calender. And I have a popup. But the problem is that if you click on a date with event it shows the popup. but then if you click on an other date without event

Solution 1:

Don't try to open modal using eventClick function. Use Select, Like this

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();
        },

If you want to pass the selected date just pass parameter date

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

Post a Comment for "Full Calender With Popup"