jQuery：以日期选择器样式将输入表单附加到输入字段

Question

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

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

那里有很多覆盖库，但是没有一个（我见过）将覆盖的表单附加到输入字段，就像“ 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/