jQuery UI monthpicker should close when month is selected

0
votes

I have this monthpicker based on datepicker plugin: http://jsfiddle .net/ um65otbn/

On the original datepicker, when a day is clicked, the picker closes and date is pasted on the input.

On this monthpicker, with the calendar grid hidden, when month is selected the picker doesn't close. User must still click Done.

Where is the event that closes the picker and pastes on the input, and how to hook it into the month and year selects?

1
javascriptjqueryjquery-uijquery-pluginsdatepicker

1 Answers

2
votes

To implement the functionality you described use the onChangeMonthYear event.

onChangeMonthYear: function(year, month, opts){
    $(".monthpicker").datepicker( "setDate", new Date(year, month - 1, 1) );
    $(".monthpicker").datepicker("hide");
},

I've updated your fiddle - http://jsfiddle.net/6zckwsn5/