单击时在 FullCalendar 中添加事件

Question

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

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

我借助了这个post:

create event with fullcalendar when clicking on calendar (rails)

我在 Alert 上收到选定的日期和文本，但无法在选定的单元格上 post ..

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

http://jsfiddle.net/5o66w860/

我的代码：

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

    });
});

我还要删除事件数组。 ..但仍然无法正常工作

Answer 1

好的，谷歌搜索后得到它：

只需更改 select

上的代码

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);

                }

单击时在 FullCalendar 中添加事件

Add events in FullCalendar on click

html

javascript

calendar