How to keep scroll bar position…?

Question

In my web page i have a jquery calendar to selected multiple dates.When i select each date the calendar will refresh to highlight the selected date.Now the problem is that each time i am select a date the page is also going to top of the page.How can i keep the page in position and select dates again and again..?

Here is my js

$( "#datepickerr" ).datepicker({ 
    dateFormat: 'yy-mm-dd' , 
    dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
    todayHighlight: true,
    // showButtonPanel: true,
    beforeShowDay: function ( date ) {
        if(date.getTime() >= date1 && date.getTime() <= date2){
            return[true,'date-range',''];
        }
        else{
            return [true, ( (date.getTime() >= Math.min(prv, cur) && date.getTime() <= Math.max(prv, cur)) ? 'date-range' : '')];
        }
    },
    onSelect: function ( dateText, inst ) {
        var d1, d2;
        prv = cur;
        cur = (new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)).getTime();
        if ( prv == -1 || prv == cur ) {
            prv = cur;
            date1=date2=prv ;
            $('#datepickerr').val( dateText ); 
            $('#datepickerr').datepicker("refresh");   
        } else {
            d1 = $.datepicker.formatDate( 'yy-mm-dd', new Date(Math.min(prv,cur)), {} );
            d2 = $.datepicker.formatDate( 'yy-mm-dd', new Date(Math.max(prv,cur)), {} );
            date1=d1;
            date=d2;
            $('#datepickerr').val( d1+'  '+d2 );   
            $('#datepickerr').datepicker("refresh");                   
        }
        hideDatepicker(null);
    }
});

Answer 1

general idea

 var selected = []; $("#datepickerr").datepicker({ onSelect: function(dateText, inst) { var index = selected.indexOf(dateText); if (index !== false) { $('.d-' + dateText).removeClass('selected'); selected.splice(index, 1); } else { $('.d-' + dateText).addClass('selected'); selected.push(dateText) } } }); 

 .selected { /* your highlight style */ } 

 <!-- <tag class="d-dateText"><tag class="d-dateText"><tag class="d-dateText"><tag class="d-dateText"> -->