javascript - 一日一事件仅适用于日历引导年

Question

clickDay: function(e){

      addEvent({ date :e.date});    

     }

我有这个功能，用户点击当天将打开一个模式。

但我想限制这一天只有一个事件，这意味着当用户单击已经有事件的那一天时，模式无法打开。

calendar image

 <script>
   var dataSource = [];
<c:forEach items="${newCalendar}" var="newCalendar">            


            var startDate = new Date(${newCalendar.calendarYear},${newCalendar.calendarMonth
                                     -1},${newCalendar.calendarDay});

            var endDate = new Date(${newCalendar.calendarYear},${newCalendar.calendarMonth
                                     -1},${newCalendar.calendarDay});                      

        var newData = {                         
                            id: ${newCalendar.calendarId},
            name: '${newCalendar.calendarType}',
                            location : '${newCalendar.calendarDesc}',
            startDate: startDate,
            endDate: endDate,
                            color: '${newCalendar.calendarColor}'

        };
            dataSource.push(newData);

</c:forEach>      
   </script>   

这是数据源数组的位置

    function addEvent(event) {     

$('#add-modal input[name="event_start_date"]').datepicker('update', event ? event.date : '');       
$('#add-modal').modal();

  }

这是模态

或者

我还制作了一个编辑模式，用户可以在其中编辑当天的事件，所以我想 clickDay 函数可以是 if else 语句，如果日期中有数据，它将显示编辑模式，否则它将显示添加模式。

Answer 1

clickDay: function(e){      
      if(e.events.length === 0){
           addEvent({ date :e.date}); 
      }              
     }

检查当天是否有事件