如何在fullCalendar中使用addEventSource注册事件？

Question

当我单击dayClick ，我想向单击的日期添加一个事件。

我有以下JS代码：

$('#calendar').fullCalendar({
  header: {
    center: "title", // 센터에는 타이틀 명이 오고
    left: "prev", // 왼쪽에는 < 버튼이 오고
    right: "next" // 오른쪽에는 > 버튼이 오게됌
  },
  lang: 'ko', // 달력 한글 설정
  editable: true, // 달력의 이벤트를 수정할 수 있는지 여부를 결정
  dayClick: function(date, allDay, view) // 일 클릭시 발생
    {
      var dateFormat = date.format('YYYY-MM-DD');

      if (confirm('Do you want to register as closed?')) {
        // Register event
      } else {
        alert('You Click No');
      }
    }
});

//Register event这是//Register event ，如何添加代码？

我对“选择”功能非常小心，但是我要实现的功能很简单，因此我更喜欢使用“ addEventSource ”而不是“ select”。

但是我是jquery和javascript的初学者，所以我不知道该怎么写。

请指导我如何编写代码。

如果您能给我一个网站链接或我可以参考的问题，我将不胜感激。

（哦，请注意，将要注册的事件的所有标题值均已“关闭”）

Answer 1

为fullcalendar设置以下选项。 请参阅选择演示 。

selectable: true,
selectHelper: true,
select: function (start, end, jsEvent, view) {
  var title = 'Some Event';
  var eventData = {
    title: title,
    start: start,
    end: end
  };

  if (confirm('Do you want to register as closed?')) {
    $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
  } else {
    alert('You Click No');
  }
  $('#calendar').fullCalendar('unselect');
},

设置选择回调允许用户单击并拖动以选择多个日期并设置一个事件。

如果只允许单日活动，通过设置限制用户只能点击dayClick选项fullcalendar代替。

dayClick: function (start, end, jsEvent, view) {
    var title = 'Some Event';
    var eventData = {
      title: title,
      start: start,
    };

    if (confirm('Do you want to register as closed?')) {
      $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
    } else {
      alert('You Click No');
    }

    $('#calendar').fullCalendar('unselect');
},