jQuery.eCalendar() - 仅突出显示点击日期

Question

我现在使用的当前代码突出显示了我单击的每个日期。我只想突出显示特定的点击日期。我怎样才能正确地做到这一点？提前感谢您提供的任何帮助！

var mouseClickEvent = function () {
    $(".c-event-item").hide();
    var d = $(this).attr('data-event-day');
    $('div.c-event[data-event-day="' + d + '"]').show();
    $('div.c-event[data-event-day="' + d + '"]').addClass('c-event-onclick');
    $('div.c-event-item[data-event-day="' + d + '"]').show();
};

这是 jsfiddle：https://jsfiddle.net/51pf3rqv/

Answer 1

您需要先删除 c-event-onclick class，然后再添加。所以，这段代码应该有效：

var mouseClickEvent = function () {
    $(".c-event-item").hide();
    $(".c-event").removeClass('c-event-onclick'); // <== add this
    var d = $(this).attr('data-event-day');
    $('div.c-event[data-event-day="' + d + '"]').show();
    $('div.c-event[data-event-day="' + d + '"]').addClass('c-event-onclick');
    $('div.c-event-item[data-event-day="' + d + '"]').show();
};

jQuery.eCalendar() - 仅突出显示点击日期

jQuery.eCalendar() - only highlight onclick date

javascript

jquery

calendar