javascript - 如何将日期选择器的下拉菜单重新定位到输入表单上方？

Question

是否有一种简单的 CSS/JS 方法可以做到这一点，即不尝试计算剩余空间，而只是简单地“切换它”？

我尝试使用负边距，但它不配合。

这是code sandbox .

Answer 1

您可以尝试将弹出窗口设置为绝对，将容器设置为相对。在您的情况下，.input-group 将是容器，#datepicker 是弹出窗口:

您可以将其添加到您的 CSS 中:

.input-group {
  position: relative;
}

#datepicker {
  position: absolute;
  bottom: 25px;  // Adjust as needed
}

工作沙箱 https://codesandbox.io/s/damp-haze-fq21z