将jQuery UI datepicker附加到特定div

Question

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

有一种简单的方法可以实现这一目标吗？谢谢！

Answer 1

我发现的最简单的解决方案是

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

Answer 2

  

显示页面中嵌入的日期选择器，而不是叠加层。   只需在div上调用.datepicker（）而不是输入。

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