html - 当我在模式弹出窗口中打开日历时，它会被截断

Question

当我在模式弹出窗口中打开一个 Bootstrap 日期选择器时，我遇到了一个问题，它被切断了。请查看并向我提供一些建议或解决方案(如果有)。

<input id="doohMediaStartDate" name="startDate" class="form-control input-sm" 
autocomplete="off" ng-model="slot.startDate" placeholder="Start Date" />

Answer 1

检查元素并找到日期选择器对象/弹出窗口的 div。然后，您可以尝试通过以下方式移动该对象:预订日期输入的高度 + 日期选择器对象本身的高度。假设上面的计算给出了 300px 的大小。因此，您可以将 margin-top: 300px 应用于日期选择器对象以将其移动到输入下方。

因此，尽管下面的某些字段将被覆盖，但用户仍然能够看到他们正在填充的字段。这可能不是问题，因为用户当前正在与该元素交互。