fullcalendar.js 插槽突出显示

Question

我正在尝试获取 fullcalendar 实例的选定时段，并在 dayClick 事件后通过 jQuery 访问它。

dayClick:
function(date, jsEvent, view)
        {
                var now = Date.now();                       
                var eventDate = Date.parse(date);
                if(now < eventDate)
                        {
                                selectedSlots.push(eventDate);
                        }
                else
                        {
                                $('#alert_past_event').modal('show');
                        }
        }

点击时选择了正确的插槽，但如何访问插槽？由于这是一个 "dayClick" 事件，$(this) 将始终指向一整天...

我试过 "eventClick" 但实际上它只对已经插入日历的事件起作用。

Answer 1

好的，在等待 90 分钟的提问延迟时，我想出了一个解决方案：

我没有实际访问单元格，而是在该单元格上渲染了一个新事件：

$('#calendar').fullCalendar('renderEvent',
    {
        title:'',
        color:'007A00',
        start:date,
        end:date_end,
        editable:false,
    });

所以这是完整的 "dayClick":

    dayClick:
    function(date, jsEvent, view)
        {
            var now = Date.now();
            var eventDate = Date.parse(date);
            if(now < eventDate)
                {
                    selectedSlots.push(eventDate);
                    date_end = date.clone();
                    date_end.add('30','m');
                    $('#calendar').fullCalendar('renderEvent',
                      {
                          title:'',
                          color:'007A00',
                          start:date,
                          end:date_end,
                          editable:false,
                      });
                }
           else
                {
                     $('#alert_past_event').modal('show');
                }
        }

fullcalendar.js 插槽突出显示

fullcalendar.js slot highlighting

javascript

jquery

fullcalendar