datepicker只显示年月

今天遇到用datepicker插件的时候，页面只显示年月,并且页面有部分是需要年月日，有部分是需要年月的，网上找了很多种方法包括直接写死<style type="text/css">

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

</style>但是最后都没根本解决问题因为页面是互相影响，最后解决方案：

function initPickerOnlyMonthYear(from,to){
    $(from).datepicker({
     dateFormat:'yy-mm',
     beforeShow:function(){
     $("body").append("<style id='ui-datepicker-calendar-id'>.ui-datepicker-calendar{display:none}</style>");//限制
     },
        onChangeMonthYear: function(year, month, inst) {
var dateStr = year + "-";
     if (month < 10) {
     dateStr = dateStr + "0" + month;
     } else {
     dateStr = dateStr + month;
     }
     $(this).val(dateStr);
     $(to).datepicker( "option", "minDate",$(this).val());
        },
        onClose:function(dateText,inst){
         $(".ui-datepicker-calendar").hide();//影藏
         $("#ui-datepicker-calendar-id").remove();移除限制
        }
    });
    $(to).datepicker({
     dateFormat:'yy-mm',
     beforeShow:function(){
      $("body").append("<style id='ui-datepicker-calendar-id'>.ui-datepicker-calendar{display:none}</style>");//限制
     },
        onChangeMonthYear: function(year, month, inst) {
var dateStr = year + "-";
         if (month < 10) {
         dateStr = dateStr + "0" + month;
         } else {
         dateStr = dateStr + month;
         }
         $(this).val(dateStr);
         $(from).datepicker( "option", "maxDate", $(this).val());
          },
          onClose:function(dateText,inst){
         $(".ui-datepicker-calendar").hide();//影藏
        $("#ui-datepicker-calendar-id").remove();移除限制
          }
    });
}

加粗的代码是重点

对了最后的调用：initPickerOnlyMonthYear("#refundDateBegain","#refundDateEnd");

效果如图