Question

Hi I am trying to create a date range selector. below is the given code which I need to fill in. How do I highlight all the Selected date

 $(document).ready(function () {
        $("#fromCalendar").datepicker({
            numberOfMonths: [1, 6],
            stepMonths: 1,
            autoSize: true,
            dateFormat: 'dd/mm/yy',
            onSelect: function (date) {
                selectDate(date);
            }

        });
    });
function selectDate(date){
//Code
}

Answer 1

 $(document).ready(function () {
        numberOfMonths: [1, 6],
        stepMonths: 3,
        autoSize: true,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd/mm/yy',
        onSelect: function (dateText, inst) {
            selectDate(dateText);
        },
        beforeShowDay: function (date) {
            var gotDate = $.inArray($.datepicker.formatDate($(this).datepicker('option', 'dateFormat'), date), dates);
            if (gotDate >= 0) {
                return [false, "ui-state-highlight ui-state-active ui-state-hover"];
            }
            return [true, ""];
        }
});

});