FullCalendar dayClick 功能

Question

我对 FullCalendar 还很陌生，但我非常喜欢它的功能。 我正在尝试使用 dayClick 函数。也许有人可以指引我正确的方向。

我目前有这个：

dayClick: function (date, allDay, jsEvent, view) {
            var titleNew = prompt('Event Title:');
            var thedate1 = formatDate(date);
            
            $.ajax({
                url: "classes/class.Post.php?a=dayClickCalendarEvent",
                dataType: 'json',
                data: { 
                      title: titleNew,
                      start: thedate1,
                      end: thedate1
                },
                success: function (data, response, event, date) {

                    $('#calendar').fullCalendar('renderEvent', titleNew);
                },
                error: function () {
                    alert("Oops! Something didn't work");
                }
            });
        },

我的问题是无论如何我都无法将事件渲染到日历中。 我错过了什么吗？我正在使用calEvent，我在另一个 Stack Overflow 帖子中找到了它。

这是我的格式代码：

function formatDate(date1) {
   return date1.getFullYear() +'-'
         + (date1.getMonth() < 9 ? '0' : '')
         + (date1.getMonth()+1) +'-'
         + (date1.getDate() < 10 ? '0' : '') 
         + date1.getDate() +' '
         + (date1.getHours() < 10 ? '0' : '')
         + date1.getHours() +':'
         + (date1.getMinutes() < 10 ? '0' : '')
         + date1.getMinutes();
 } 

任何帮助将不胜感激。

Answer 1

嘿，感谢您的回复，我能够使用此代码，并且响应非常好！

     dayClick: function (date, allDay, jsEvent, view) {
           titleNew = prompt('Event Title:');
           var thedate1 = formatDate(date);

            $.ajax({
                url: "classes/class.Post.php?a=dayClickCalendarEvent",
                dataType: 'json',
                data: { 
                      title: titleNew,
                      start: thedate1,
                      end: thedate1
                },
                success: function (data, response, event, date) {
                    //alert("success here");
                    $('#calendar').fullCalendar('renderEvent',
                    {
                        title: titleNew,
                        start: thedate1,
                        end: thedate1
                    }, true);
                },
                error: function () {
                    alert("Oops! Something didn't work");
                }
            });
        },

Answer 2

我认为问题出在这句话$('#calendar').fullCalendar('renderEvent', titleNew);

titleNew 是一个字符串，renderEvent 函数接受一个 calEvent 对象。

来自 FullCalendar 文档：

event 必须是一个带有标题的事件对象，并且至少开始。 通常，一旦日历重新获取其事件源（例如：单击上一个/下一个时），该事件就会消失。但是，将 stick 指定为 true 会导致该事件永久固定在日历中。

我很好奇您为什么要使用 Ajax 调用，但您似乎没有用它做任何事情。