当我在模式弹出窗口中打开日历时，日历会剪切

Posted 2023-05-07

【中文标题】当我在模式弹出窗口中打开日历时，日历会剪切

【英文标题】：Calendar cuts when i open it in a modal popup

【发布时间】：2020-03-14 23:16:43

【问题描述】：

当我在模式弹出窗口中打开引导程序日期选择器时遇到问题，它会中断。如果可以，请查看并提供一些建议或解决方案。

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

【问题讨论】：

添加html和css页面代码

请分享示例代码

添加 z-index 到日期选择器

请提供代码示例。如果您可以将这些代码示例放入 Codepen 并分享 URL

我试过 z-index 但没有成功。

【参考方案1】：

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

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