【问题标题】: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 但没有成功。

标签: html css angularjs twitter-bootstrap datepicker


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2023-04-10
    • 1970-01-01
    • 2011-10-25
    • 2023-01-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-09-06
    相关资源
    最近更新 更多