2016-04-06 5 views
0

FullCalendar.ioでイベントをJavaScriptの関数で追加しようとしています。fullcalendarで動作しないレンダーイベント

私は2つの方法で試しました。

機能またはクリックで終了ページを呼び出します。

エラーは表示されませんが、カレンダーにはイベントが追加されません。ここで

<div id='calendar'></div> 


<script language="javascript"> 
id='13-17-1' 
title='TextOK' 
start= '2016-04-07T08:30:00' 
end= '2016-04-07T09:30:00' 
test=addCalanderEvent(id, start, end, title) 


function addCalanderEvent(id, start, end, title) 
{ 
var eventObject = { 
title: title, 
start: start, 
end: end, 
id: id 

}; 

$('#calendar').fullCalendar('renderEvent', eventObject, true); 
alert("OKOK") 

} 

</script> 


<input type="button" onClick="addCalanderEvent('13-17-1','TITLE','2014-09-19T10:30:00','2016-04-19T10:30:00')"> 

答えて

1

ボタンにイベントを追加するようにコードをオフに基づいてサンプルが

https://jsfiddle.net/Lra2535n/

/* fullcalendar 2.6.1, moment.js 2.12.0, jQuery 2.2.1, on DOM ready */ 

$('#calendar').fullCalendar({}); 


$('#addEvent').on('click', function() { 
    // Random event id for demo... 
    var id = Math.random().toString(26).substring(2, 7); 
    addCalendarEvent(id, '2016-04-08', '2016-04-11', 'An added event ' + id); 
}); 

function addCalendarEvent(id, start, end, title) { 
    var eventObject = { 
    id: id, 
    start: start, 
    end: end, 
    title: title 
    }; 
    $('#calendar').fullCalendar('renderEvent', eventObject, true); 
} 
をクリックしています
関連する問題