如何在输入字段下方显示 jquery 日期时间选择器？答案

【问题标题】：How can I display the jquery datetime picker underneath the input field?如何在输入字段下方显示 jquery 日期时间选择器？
【发布时间】：2016-04-19 01:24:57
【问题描述】：

我一直在梳理我的 css 文件，试图让 jquery 日期选择器直接出现在输入字段下方：“我们什么时候应该联系你？”单击后，日期时间选择器将显示在下方。我确信我在做一些愚蠢的事情，但是把我的头撞到这堵墙上是没有结果的......

最奇怪的是，当我在 chrome 中检查元素并退出时，它会自行修复。我在其他帖子中读到这意味着某处有错误的 css，但是我一直无法找到问题所在。任何建议将不胜感激。

http://www2.sungevity.com/l/35342/2016-01-08/g3cl6l

.js 和 .css 文件都是公开托管的。这是一个 Pardot 登陆页面，这让事情变得更加愚蠢......

【问题讨论】：

在 FF 中，它根本不显示日期时间选择器。另外，请使用 jsfiddle 或类似的东西来托管您的最小化代码示例——这样做的好处是其他人可以修改您的代码并保存它。
我在 FF 中测试过，它似乎对我有用。您必须单击日期输入字段才能显示该框，当它出现时，它远低于应有的位置。

标签： jquery html css datetime

【解决方案1】：

很高兴找到解决方案，我想我会分享爱。

我进入 js 文件，发现有一个事件处理程序用于在窗口调整大小时重新定位选择器，这就是为什么当我查看 chrome 检查器或调整窗口大小时它会自行修复它。我采用了相同的重定位处理程序并将其放在初始调用之前 // 显示选择器。现在它在加载之前重新定位，没有人更聪明。不是最漂亮的解决方案，但它可以使用很短的代码行。

【讨论】：