Jquery Month and Year Picker

jQuery-ui Month and Year Picker with the solution of 'non-clearing text problem'

HTML

<label for="myDate">Date :</label>
<input name="myDate" class="monthYearPicker" />

CSS

.ui-datepicker-calendar {
    display: none;
 }

JavaScript

$(function() {
	$('.monthYearPicker').datepicker({
		changeMonth: false,
		changeYear: true,
		showButtonPanel: true,
		dateFormat: 'yy'
	}).focus(function() {
		var thisCalendar = $(this);
		$('.ui-datepicker-calendar').detach();
		$('.ui-datepicker-close').click(function() {

var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
thisCalendar.datepicker('setDate', new Date(year, 2));
		});
	});
});