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