jquery datepicker only month and year

1    dateFormat: 'MM yy',
2    changeMonth: true,
3    changeYear: true,
4    showButtonPanel: true,
5    onClose: function (dateText, inst) {
6        var isDonePressed = inst.dpDiv.find('.ui-datepicker-close').hasClass('ui-state-hover');
7        if (!isDonePressed)
8            return;
9
10        var month = inst.dpDiv.find('.ui-datepicker-month').find(':selected').val(),
11            year = inst.dpDiv.find('.ui-datepicker-year').find(':selected').val();
12
13        $(this).datepicker('setDate', new Date(year, month, 1)).change();
14        $('.date-picker').focusout();
15    },
16    beforeShow: function (input, inst) {
17        var $this = $(this),
18            // For the simplicity we suppose the dateFormat will be always without the day part, so we
19            // manually add it since the $.datepicker.parseDate will throw if the date string doesn't contain the day part
20            dateFormat = 'd ' + $this.datepicker('option', 'dateFormat'),
21            date;
22
23        try {
24            date = $.datepicker.parseDate(dateFormat, '1 ' + $this.val());
25        } catch (ex) {
26            return;
27        }
28
29        $this.datepicker('option', 'defaultDate', date);
30        $this.datepicker('setDate', date);
31
32        inst.dpDiv.addClass('datepicker-month-year');
33    }
34});
35And everything else you need is the following CSS somewhere around:
36
37.datepicker-month-year .ui-datepicker-calendar {
38    display: none;
39}
40
41// And everything else you need is the following CSS somewhere around:
42
43.datepicker-month-year .ui-datepicker-calendar {
44    display: none;
45}