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();

  }

这是模态

OR

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

Answer 1

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

检查当天是否有事件

仅限日历自助年的一天活动

1 个答案: