JQuery Datepicker- Highlight Date Selected From Datepicker In A Calendar

How do I highlight the date selected by two different associates on associate.html in training.html,that is, two associates select their training dates and these two dates must be

Solution 1:

I think your problem is that dates are not highlighted correctly, isn't?

Try this:

<style type="text/css">
    .highlight {
        background: red !important;
    }

    .ui-datepicker {
        font-size: 16pt !important;
    }
    .highlight a {
        background: none !important;
    }
</style>

EDIT: You can do this to save a date in session and convert the string value to a date value:

var associateDate = new Date(); //save in session
localStorage.setItem('date1', associateDate);

var stringValue = localStorage.getItem('date1'); // load
var training = new Date(stringValue); 

I hope this will help!