将 jQuery UI 日期选择器附加到特定 div

Question

我正在使用带有一系列输入字段的 jQuery 日期选择器，并希望将日期选择器附加到包含输入字段的 div 而不是日期选择器呈现的正文元素上。

有没有简单的方法可以做到这一点？谢谢！

Answer 1

Display the datepicker embedded in the page instead of in an overlay. Simply call .datepicker() on a div instead of an input.

https://jqueryui.com/datepicker/#inline

Answer 2

我找到的最简单的解决方案是

$("#myDatePicker").datepicker({
    beforeShow:function(textbox, instance){
        $('.DivToAppendPicker').append($('#ui-datepicker-div'));
    }
});