How To Change The Background Color Of Current Day In Jquery Datepicker Onclick?

I am using jQuery datepicker in angularjs, By overriding css I am displaying orange color background to the current date .ui-state-highlight{ background-color:orange; } Now th

Solution 1:

You could use onSelect event to change the css of current date

onSelect: function(value, date) {
    date.dpDiv.find('.ui-datepicker-current-day')
        .addClass('ui-state-highlight');
}

I would recommend against using mechanism above, instead you could override .ui-datepicker-current-day class like this

.ui-datepicker-current-day{
    background-color:orange;
}

that will not require JS.