2017-03-24 6 views
0

私はjquery fullcalendarを使用しており、ユーザーが特定の開始時刻と終了時刻を入力するモーダルを作成しました。モーダルテキストボックスのイベントの値はレンダリングされません:fullcalendar

以下は、保存ボタンをクリックすると

//for datePicker Only under modal 

    $('#startDate').datepicker(); 
    $('#startTime').timepicker(); 
    $('#endTime').timepicker(); 


    var theCalendar = $('#calendar'); 

    $(theCalendar).fullCalendar({ 


     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     timeFormat: 'h:mm', 
     defaultView: 'month', 
     editable: true, 
     selectable: true, 

     select: function(start, end, allDay) { 

      $("#myModal").modal("show");  
     }, 

    }); 

fullcalendar

の私の初期設定で、カレンダーにレンダリングされたイベントがありません。以下は

enter image description here

私は日付ピッカー、timepickerとfullcalendarを使用していますボタン

function saveBtnSchedule() { 
    //get values entered by the user 
    startt = $('#startTime').val(); 
    endd = $('#endTime').val(); 


    $("#calendar").fullCalendar('renderEvent', 
    { 

     title: $('#CustomerFullName :selected').text(), 
     start: startt, 
     end: endd, 
     allDay: true 

    }, 
     true); 

    $(theCalendar).fullCalendar("renderEvent", event, true); 

} 

を保存するコードです。

答えて

1

はこれを試してみてください。

var eventsArray = new Array(); 
eventsArray.push(event); 
$(theCalendar).fullCalendar("addEventSource", eventsArray); 

renderEventはどちらか私のために仕事をdidntの。私はそれが最善の解決策ではないことを知っている..

関連する問題