反応しやすいカレンダーのクリックした日のハイライト

Question

私は反応的なカレンダーに取り組んでいます。特定の日をクリックすると、その日にクラスを追加する必要があります（選択した日を強調表示することができます）。以下は

私のコードです：

$(".responsive-calendar").responsiveCalendar({ 
    weekends: false, 
    onDayClick: function(events) { 
     key = $(this).data('year')+'-'+ $(this).data('month')+'-'+$(this).data('day'); 
    } 
}); 

Answer 1

あなたは正しい日間の要素を検索し、親にクラスを設定する必要があります。

onDayClick: function(events) { 
    // unselect others 
    $('.active').removeClass('active'); 

    var year = $(this).data('year') 
    var month = $(this).data('month') 
    var day = $(this).data('day'); 

    var dayLink = $('[data-day=' + day + '][data-month=' + month + '][data-year=' + year + ']') 
    dayLink.parent().addClass('active'); 
}