将输入表单以datepicker样式附加到输入字段

Question

我想显示一个附加到输入字段的输入表单，就像日期拾取器一样。

我尝试过"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/