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

//注册事件这部分，如何添加代码？

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

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

请指导我如何编写代码。

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

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

Answer 1

为完整日历设置以下选项。请参阅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');
},

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

要仅允许单日事件，请通过为 fullcalendar 设置 dayClick 选项来限制用户仅进行点击。

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