jquery – Fullcalendar – 突出显示基于事件选择的一天

希望这是你要找的！

//create fullCalendar:
$("#calendar").fullCalendar({
    /* options */

    eventClick: function(event,jsEvent){
        //use the passed-in javascript event to get a jQuery-wrapped reference
        //to the DOM element we clicked on.
        //i can never remember if this is .target,.currentTarget,or .originalTarget
        //... jquery has spoiled me
        var $clickedEvent = $(jsEvent.target);

        //tell the "SELEctionManager" to find the day this event belongs to,//and add the "SELEcted" css class to it
        SELEctionManager.SELEct($clickedEvent);
    }
});

//define an object that handles the adding-removing of the 'SELEctedDay' css class
var SELEctionManager = (function(){
    //i like making private variables :-)
    var $curSELEctedDay = null

    //define a "SELEct" method for switching 'SELEcted' state
    return {
        SELEct: function($newEvent) {
            if ($curSELEctedDay){
                //if we already had a day chosen,let's get rid of its CSS 'SELEctedDay' class
                $curSELEctedDay.removeClass("SELEctedDay");
            }
            //find the parent div that has a class matching the pattern 'fc-day',and add the "SELEctedDay" class to it
            $curSELEctedDay = $thisEvent.closest('div[class~="fc-day"]').addClass("SELEctedDay");
        }       
    };
})();