JQuery Datepicker with Month and Year only

gistfile1.js

$(document).ready(function(){

    $(".monthPicker").datepicker({ 
        dateFormat: 'mm-yy',
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,

        onClose: function(dateText, inst) {  
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
            $(this).val($.datepicker.formatDate('yy-mm', new Date(year, month, 1)));
        }
    });

    $(".monthPicker").focus(function () {
        $(".ui-datepicker-calendar").hide();
        $("#ui-datepicker-div").position({
            my: "center top",
            at: "center bottom",
            of: $(this)
        });    
    });
    
});

gistfile2.html

<label for="month">Month: </label>
<input type="text" id="month" name="month" class="monthPicker" />

The inst variable passed to the onClose() function already has the month and year parsed out into it as selectedYear and selectedMonth, so you can do:

$(this).val($.datepicker.formatDate('yy-mm', new Date(inst.selectedYear, inst.selectedMonth, 1)));

rather than finding month and year from more jQuery DOM-diving.

This seems to have a bug. When you use older dates:
yearRange: "1900:2020",
minDate: "-80Y",
maxDate: "+2Y",

And then type the date in, it seems to default back to 2008 for me.

<3 thiamteck <3
thanks a loooot