在fullcalendar中不起作用的renderEvent

时间:2016-04-06 15:33:05

标签: javascript fullcalendar

我正在尝试通过函数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')">

1 个答案:

答案 0 :(得分: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);
}