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

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

有没有简单的方法来实现这个目标？谢谢！

2015-02-09 Cory Dransfeldt

看起来像一个非常普通的问题，你有什么代码，你是如何实现的呢？ – 2015-02-09 21:56:47

请参阅此问题：http://stackoverflow.com/questions/10812921/jquery-ui-datepicker-how-to-wrap-the-datepicker-in-a-new-div – 2015-02-09 21:57:05

datepicker正在输入上调用包含在div中的元素，其中应用了类。例如。

。我需要将datepicker附加到.datepicker-wrapper而不是body。谢谢！ – 2015-02-09 22:03:34

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

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

来源

2015-02-09 21:57:55 Tom

即使它被接受，这个答案是完全无关的问题，并没有解决它。另见http://stackoverflow.com/questions/12351871/jquery-date-picker-not-moving-with-page-scroll – edc65 2016-04-27 07:17:42

你错了。这个答案正是他想要完成的。请再次阅读他的描述和评论。他希望添加了.datepicker（）代码的节点附加到特定的div而不是body元素。 $（'div.datepicker-wrapper'）。datepicker（）在该div内生成html。那就是他想要的。 http://jsfiddle.net/mnzdrkhu/ – Tom 2016-04-27 14:18:57

附加到特定的div，是的，但弹出，并不总是可见的。这与滚动错误有关（即至少4岁，显然没有jqueryui的开发人员正在关注） – edc65 2016-04-27 14:22:21

简单的办法是

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

来源

2017-03-11 08:41:28 Moiz

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

回答

相关问题