JQuery：将输入表单附加到datepicker样式的输入字段

Question

我想显示附加到输入字段的输入表单，就像datepicker一样。

我尝试了“show”功能，但不是显示覆盖的输入表单，而是显示隐藏的内容并将页面的其余部分向下移动。

有许多叠加库，但没有（我见过）将重叠的表单附加到输入字段，就像“datepicker”那样。

有一种简单的方法可以实现这一目标吗？ （除了jQuery或jQuery UI之外，最好没有其他外部库。）

谢谢！

Answer 1

你遇到的问题与CSS有关。

只需在您通过.show（）显示的DIV上应用一些绝对定位。

示例：

// jQuery is :
$('#yourDiv').addClass('yourDivClass');

/* CSS is : */
.yourDivClass {
  position: absolute;
  top: 50px;
  left: 100px;
}

根据您的喜好调整左侧和上方值。

Answer 2

据我所知，这里没有库或插件（如果我错了，请纠正我）。您应该对表单使用CSS绝对定位，并将表单上的top / left属性设置为输入字段的offset。以下是我如何做的快速示例：http://jsfiddle.net/85ZkV/