Question

I’ve got a datepicker that works fine, the only missing thing i want is to set the date in the input when the user picks a year or a month. Currently it just set’s the date when you pick the day. I want this because the user may think the date is getting changed with just selecting one of those (year or month) and I don’t see anything on the docs that refers to that part of the picker.

Answer 1

Try this code. It will change current date if user selects a different month or year. In case I misunderstood your question please let me know so I can adapt my answer!

$(function () {
    $("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true,
        onChangeMonthYear: function (year, month, inst) {
            var curDate = $(this).datepicker("getDate");
            if (curDate == null)
            return; 
            if (curDate.getYear() != year || curDate.getMonth() != month - 1) {
                curDate.setYear(year);
                curDate.setMonth(month - 1);
                $(this).datepicker("setDate", curDate);
            }
        }
    });
});

As I am quite new to JQueryUI and JQuery at all, let me know if there is something to improve!