如何设置datepicker的日期只显示月份和年份

Question

我想显示一个datepicker只显示像这个Q'jquery date picker to show month year only这样的月份+年菜单，这不是一个问题，但我有问题以下

我想输入文本加载日期的字符串值，如01/2011，我希望在focusin事件datepicker将加载显示的日期，我的意思是我希望它打开与2011年和01月已经选定，

但由于某些原因，当我点击文本输入原始日期“01/2011”更改为“01/01/2011”

这里是我的代码领先

  $(document).delegate("#timeSpanFrom, #timeSpanTo", "focusin", function() { 
      var $this = $(this); 
      var inputDate = $.datepicker.parseDate('dd/mm/yy', "01/"+$this.val()); 
      if (!$this.data('datepicker_enabled')) { 
       $this.datepicker({ 
        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).datepicker('setDate', new Date(year, month, 1)); 
         $(".ui-datepicker-calendar").hide(); 
        } 
       }); 
       $this.datepicker({ dateFormat: 'mm/yy' }); 
       $this.datepicker('setDate', inputDate); 
       $this.data('datepicker_enabled',true); 
      } 
     }); 

     $(document).delegate("#timeSpanFrom, #timeSpanTo", "focus", function() { 
      $(".ui-datepicker-calendar").hide(); 
     });  

感谢

Answer 1

<style> 
.ui-datepicker-calendar { 
    display: none; 
} 
</style> 
<script> 
    $(document).ready(function(){ 
    $('#timeSpanFrom, #timeSpanTo').datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     showButtonPanel: true, 
     dateFormat: 'mm/yy', 
     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).datepicker('setDate', new Date(year, month, 1)); 
     }, 
     beforeShow : function(input, inst) { 
      var tmp = $(this).val().split('/'); 
      $(this).datepicker('option','defaultDate',new Date(tmp[1],tmp[0]-1,1)); 
      $(this).datepicker('setDate', new Date(tmp[1], tmp[0]-1, 1)); 
     } 
    }); 
}); 
</script> 

这里一个更通用的解决方案jsfiddle