渲染在全日历中不起作用的事件

Question

我正试图通过函数javascript在FullCalendar.io中添加一个事件。

我试过两种方法。

调用函数或单击以结束页面。

我没有收到错误，但在我的日历中没有添加该事件。

<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')">

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