将jQuery UI datepicker附加到特定div

Question

我正在使用带有一系列输入字段的jQuery datepicker,并希望将datepicker附加到包含输入字段的div而不是添加到datepickers呈现的body元素上.

有没有一种简单的方法来实现这一目标？谢谢!

Answer 1

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

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

Answer 2

显示嵌入页面中而不是覆盖层中的日期选择器。只需在 div 而不是输入上调用 .datepicker() 即可。

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