2015-09-18 3 views
5

Я пытаюсь добавить события на каландр клеток мыши в .NET, как это ::Добавить события в FullCalender по щелчку

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

Я взял помощи этого поста:

create event with fullcalendar when clicking on calendar (rails)

Я получаю выбранную дату и текст в предупреждении, бит не умеет размещать его на выбранной ячейке.

Я пробовал такое же решение o п 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'); 
} 

    }); 
}); 

Я также удалить события массив. .. но до сих пор не работает

ответ

6

Хорошо, он получил после того, как некоторое Googling:

Просто нужно изменить код на выберите

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/

+1

скрипку не работает, ссылки на обновление, пожалуйста – DiegoS

+0

ссылка обновлена ​​http://jsfiddle.net/5o66w860/65/ –

Смежные вопросы