单击即可在 FullCalendar 中添加事件

我正在尝试在 .NET 中的日历单元格单击上添加事件，如下所示：

http://arshaw.com/js/fullcalendar-1.5.3/demos/selectable.html http://arshaw.com/js/fullcalendar-1.5.3/demos/selectable.html

我接受了这篇文章的帮助：

单击日历时使用 fullcalendar 创建事件（rails） https://stackoverflow.com/questions/10840084/create-event-with-fullcalendar-when-clicking-on-calendar-rails

我在警报上收到选定的日期和文本，但无法将其发布到选定的单元格上..

我在 jsfiddle 上尝试过相同的解决方案：

http://jsfiddle.net/5o66w860/ http://jsfiddle.net/5o66w860/

My code:

$(document).ready(function() {

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();

    var events_array = [
        {
        title: 'Test1',
        start: new Date(2012, 8, 20),
        tip: 'Personal tip 1'},
    {
        title: 'Test2',
        start: new Date(2012, 8, 21),
        tip: 'Personal tip 2'}
    ];

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        selectable: true,
        events: events_array,
        eventRender: function(event, element) {
            element.attr('title', event.tip);
        },
        select: function(start, end, allDay) {
    var title = prompt('Event Title:');
    if (title) {
        calendar.fullCalendar('renderEvent',
            {
                title: title,
                start: start,
                end: end,
                allDay: allDay
            },
            true // make the event "stick"
        );
        /**
         * ajax call to store event in DB
         */
        jQuery.post(
            "event/new" // your url
            , { // re-use event's data
                title: title,
                start: start,
                end: end,
                allDay: allDay
            }
        );
    }
    calendar.fullCalendar('unselect');
}

    });
});

我还删除了 events 数组。 ..但仍然不起作用

好的，经过一番谷歌搜索后得到了：

只需要更改选择代码

select: function (start, end, jsEvent, view) {
                    var abc = prompt('Enter Title');
                    var allDay = !start.hasTime && !end.hasTime;
                    var newEvent = new Object();
                    newEvent.title = abc;
                    newEvent.start = moment(start).format();
                    newEvent.allDay = false;
                    $('#calendar').fullCalendar('renderEvent', newEvent);

                }