jQuery addClass example

Change class name on click in jQuery

HTML

<div class="curday"></div>
 <button class="prev">prev</button>
 <button class="next">next</button>

CSS

.prev,.next {
    display: inline-block;
}

JavaScript

$(function(){
var curday = new Date(),
		tomorrow = new Date(),
    yesterday = new Date();
    $('.curday').html(curday);

 $('.next').on('click', function(){
	yesterday.setDate(tomorrow.getDate()-1);
	var prevday = new Date((yesterday.getMonth()+1)+','+yesterday.getDate()+','+yesterday.getFullYear()+',00:00:00');
	tomorrow.setDate(tomorrow.getDate()+1);
	var nextday = new Date((tomorrow.getMonth()+1)+','+tomorrow.getDate()+','+tomorrow.getFullYear()+',00:00:00');
 	$('.curday').html(nextday);
 });
 $('.prev').on('click', function(){
	yesterday.setDate(tomorrow.getDate()+1);
	var prevday = new Date((yesterday.getMonth()+1)+','+yesterday.getDate()+','+yesterday.getFullYear()+',00:00:00');
	tomorrow.setDate(tomorrow.getDate()-1);
	var nextday = new Date((tomorrow.getMonth()+1)+','+tomorrow.getDate()+','+tomorrow.getFullYear()+',00:00:00');
 	$('.curday').html(nextday);
 });
});