以“MM yy”格式设置jQuery UI Datepicker的日期

我正在尝试在我的项目中使用jQuery UI datepicker,似乎我无法在渲染时将格式设置为"MM yy" 。 但是我仍然可以在页面加载后在onClose方法中更改它。 如果我将初始日期格式更改为"yy-mm-dd"初始日期设置正确。 示例如下: http : //jsfiddle.net/DBpJe/1446/

在此示例中,如果将dateFormat更改为"yy-mm-dd"则将日期正确设置为realDate变量的值。 如果dateFormat设置为"MM yy" ,则日期设置为当前日期。

我感谢任何帮助。

尝试在结束时而不是在开头设置日期,这里是工作演示http://jsfiddle.net/DBpJe/1446/

  $(function() { var queryDate = '2009-11-01', dateParts = queryDate.match(/(\d+)/g) realDate = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]); // months are 0-based! $('#startDate').datepicker({ dateFormat: "MM yy" }) // format to show .datepicker("option", "changeMonth", true) .datepicker("option", "changeYear", true) .datepicker("option", "showButtonPanel", true) .datepicker("option", "onClose", function(e){ var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); $(this).datepicker("setDate",new Date(year,month,1)); }).datepicker('setDate',realDate); });