單擊即可在 FullCalendar 中添加事件

Question

我正在嘗試在 .NET 中的日歷單元格中添加事件，如下所示：

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

我接受了這篇文章的幫助：

單擊日歷（rails）時使用 fullcalendar 創建事件

我在 Alert 上收到了選定的日期和文本，有點無法將其發布在選定的單元格上..

我在 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: 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);

                }