2016-12-13 7 views
0

Я работаю над гибким календарем, и когда я нажимаю на определенный день, мне нужно добавить класс к этому дню (так что выбранный день можно выделить).Выделите день нажатием на отзывчивый календарь

Ниже мой код:

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

ответ

0

Вам нужно будет найти правильный день элемент, а затем установить класс на родителя. Может быть что-то вроде этого:

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'); 
} 
+0

Спасибо madsgodvinjensen, он работает. Также, когда я нажимаю на другой день, мне придется удалить «активный» класс из предыдущего – Raj

+0

Как я могу удалить ранее выбранный день на один клик другого дня? – Raj

+0

Я только что обновил свой ответ, чтобы включить удаление активного класса из других выбранных дней. – madsgodvinjensen

 Смежные вопросы

  • Нет связанных вопросов^_^