Dodawaj wydarzenia w FullCalender na kliknięcia

Question

Próbuję dodać zdarzenia na komórkę kalendarz kliknięcia w .NET tak ::

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

Wziąłem pomocą tego postu:

create event with fullcalendar when clicking on calendar (rails)

Otrzymuję wybraną datę i tekst w Alertu, ale nie mogę go opublikować na wybranej komórce.

Mam wypróbowane to samo n jsfiddle:

http://jsfiddle.net/5o66w860/

mój kod

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

    }); 
}); 

ja również usunąć, tablica zdarzeń. .. ale nadal nie działa

Answer 1

Ok, rozumiem po pewnym googling:

wystarczy zmienić kod w wybranych

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

       } 

jsfiddle;

http://jsfiddle.net/5o66w860/