jQuery ui内联日期选择器的换行日历表

我已经创建了一个使用jQueryUIDatePicker的插件。 但容器比日历窄。所以我需要一个解决方案，用户可以滚动日历，而datepicker标题将保持不可滚动。所以我想用div来包装这个表。但是“”在本例中不起作用

$('#calendar').datepicker({
    beforeShow: function() {
        $('.ui-datepicker-calendar').wrap('<div class="calendar-wrap"></div>');
    }
});

$（“#日历”）.datepicker({
beforeShow:function（）{
$（'.ui日期选择器日历'）.wrap（''）；
}
});

预期产出：

（函数（$）{
$.extend（$.datepicker{
_generateHTML_original:$.datepicker._generateHTML，
_generateHTML：功能（仪表）{
var$html=$（本文件为原始文件（inst））；
返回$（$html[0]）.prop（'outerHTML'）+
$（''）.html（$html[1]）.prop（'outerHTML'）；
}
});
}（jQuery））；

我终于找到了解决问题的方法。

(function ($) {
    $.extend($.datepicker, {
        _generateHTML_original: $.datepicker._generateHTML,
        _generateHTML: function (inst) {
            var $html = $(this._generateHTML_original(inst));
            return $($html[0]).prop('outerHTML') +
                   $('<div class="calendar-wrap"></div>').html($html[1]).prop('outerHTML');
        }
    });
}(jQuery));