0

我正在使用 bootstrap 4 和 fullcalendar.io (version5.0.1) 开发一个项目。我使用“选择”功能让用户单击特定日期以添加事件。但我想限制用户仅在完整日历中添加一个事件。

我试图获取添加事件的长度但失败了。

代码在这里。

enter code here

document.addEventListener('DOMContentLoaded', function() {

  var calendar = new FullCalendar.Calendar(calendarEl, {
    select: function(arg) {

      input_Form.classList.remove("collapse");
      dateA.value=new Intl.DateTimeFormat('en-US').format(arg.start);
      submitA.onclick=function(){
        input_Form.classList.add("collapse");
        
        if (textareaContent.value) {
          calendar.addEvent({
            title:textareaContent.value,
            start: arg.start,
            end: arg.end,
            allDay: arg.allDay,
         
          })
          textareaContent.value="";
        }
      calendar.unselect()

      };
     
    },


    eventClick: function(arg) {
        input_Form.classList.remove("collapse");
        textareaContent.value=arg.event.title;
        submitA.onclick=function(){
            input_Form.classList.add("collapse");
            arg.event.remove()
            if (textareaContent.value) {
              calendar.addEvent({
                title:textareaContent.value,
                start: arg.event.start,
                end: arg.event.end,
                allDay: arg.event.allDay
              })
              textareaContent.value="";
            }
          calendar.unselect()
    
          };
  
    },
4

0 回答 0