DateTimePicker 显示在输入顶部答案

【问题标题】：DateTimePicker shows ontop of inputDateTimePicker 显示在输入顶部
【发布时间】：2015-08-14 01:06:22
【问题描述】：

我正在使用“用于 jQuery UI Datepicker 的 Timepicker 插件”。它可以满足我的需要和一个非常漂亮的插件，但是我遇到了问题。我有一个充满输入的页面，并且那些靠近顶部的页面似乎对它自己的高度感到困惑。出于某种原因，它似乎认为它比实际短。这会导致 datetimepicker 实际上位于输入的顶部，可以这么说并覆盖它，因此您看不到它在做什么。

我确实做了一些测试，发现当我在底部“显示：无”上进行时间选择时，它适合页面并且排列得恰到好处。不太确定该怎么做。总是让它在底部弹出这样简单的事情就可以解决它。

【问题讨论】：

你能用 CSS 发布你的 Fiddle 或 Datepicker 代码吗

标签： jquery jquery-ui jquerydatetimepicker

【解决方案1】：

使用 CSS 你可以将你的日期选择器移到顶部

padding-bottom: 20px;//padding start from bottom side

【讨论】：

我试着用 CSS 来做。然而问题是它位于输入框顶部的原因是它被推到了页面的顶部。所以在这种情况下，填充底部不会做任何事情。 datetimepicker 的弹出窗口需要低于输入而不是高于。
这个小提琴显示了我所说的输入是在输入本身之上的。 jsfiddle.net/2tywpfn1
如果您想在输入字段的顶部，请调整日期选择器的边距顶部
我试试看效果如何
我看了你的小提琴，问题是我无法控制页面上的输入位置。我设置 margin-top 只是为了将输入定位在会导致问题的页面区域中。问题本身似乎与 DateTimePicker 比日期选择器高这一事实有关，而且似乎没有办法解决这个问题。