如何在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这部分，我该如何添加代码？

我一直非常小心“选择”功能，但我想实现的功能很简单，所以我更喜欢使用“addEventSource”而不是“select”。

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

请指导我如何编写代码。

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

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

Answer 1

为fullcalendar设置以下选项。见select demo。

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');
},