I wanted to find out how I can run some piece of code (attach mouseenter event) for every day after user has selected a day or changed a month/year?

I have tried to attach the event on these events

• beforeShow


• beforeShowDay


• onChangeMonthYear


• onSelect

On hover I want to highlight next day in the same row if it exists.

Currently I attach moouseenter/mouseleave event to all days after datepicker is created (which is inline).

I have simplified what I'm doing in the JS fiddle below. I need to have those events working after a date is selected and after month/year has been changed.

JS Fiddle: http://jsfiddle.net/MartinTale/Xx4GS/2/

$(div).datepicker({

    changeMonth: true,

    changeYear: true,

    inline: true,

    altField: #datep

});



$(tbody td:not(.ui-state-disabled, .active-calendar-cell)).mouseenter(function (e) {

    $(this).closest('td').next().find(a).addClass(hover-calendar-cell);    

    console.log('test');

});



$(tbody td:not(.ui-state-disabled)).mouseleave(function (e) {

    $(a.hover-calendar-cell).removeClass(hover-calendar-cell);

    console.log('test out');

});

Thanks in advance.