将课程添加到FullCalendar Allday标签中

Question

我想在议程视图中的allday行中添加一个类，以突出显示用户选择它。

目前我的代码看起来像这样：

$('#calendar').fullCalendar({
    header: {
        left: 'prevYear,prev,today,next,nextYear',
        center: 'title',
        right: 'agendaDay,agendaWeek,month,listMonth'
    },
    defaultView: defaultView,
    navLinks: true,
    eventColor: 'blue',
    allDaySlot: true,
    height: "auto",
    events: {title: 'All Day Event', start: '2018-03-01',id: 999},
    dayClick: function(date, jsEvent, view) {
        if(view.name != 'agendaDay'){ 
            $(".fc-state-highlight").removeClass("fc-state-highlight");
            $("td[data-date=" + date.format('YYYY-MM-DD') + "]").addClass("fc-state-highlight"); 
        }
        if(view.name == 'agendaDay'){ 
            $(".fc-state-highlight").removeClass("fc-state-highlight");
            $('[data-time="'+date.format('hh:mm:ss')+'"]').addClass("fc-state-highlight");
        }
        if (clickTimer == null) {
            clickTimer = setTimeout(function () {
                clickTimer = null;
                console.log("single");
                ///Single Click code here
                console.log(date.format());
                $('#calendar').fullCalendar('changeView', 'agendaDay', date);
                ///
            }, 500)
        } else {
            clearTimeout(clickTimer);
            clickTimer = null;
            console.log("double");
            ///Double Click Code here
        }
    }
});

当用户单击它时，是否可以添加类，如果不是在fullcalendar.js文件中，我应该在其中添加一个类？

CSS是：

 .fc-state-highlight {
        background:cyan;
 }

Answer 1

您可以很简单地进行"月"one_answers"议程"视图类型，例如：

JS：

$('#calendar').fullCalendar({
 header: {
        left: 'prevYear,prev,today,next,nextYear',
        center: 'title',
        right: 'agendaDay,agendaWeek,month,listMonth'
    },
    dayClick: function(date, jsEvent, view) {
        $(".highlight").removeClass("highlight");
        $("td[data-date="+date.format('YYYY-MM-DD')+"]").addClass("highlight");
    }
});

CSS：

.highlight
{
  background-color:red;
}

我认为您的主要困难是您所使用的" FC-State-Highlight"课实际上没有做任何事情。

请参阅http://jsfiddle.net/sbxpv25p/436/有关工作演示。

，如果您想要其他颜色，您当然可以调整它，或者只希望在更受限制的情况下出现亮点等。