首页 > 解决方案 > Jquery datepiker 与 div 重叠

问题描述

请帮忙。我从 jquery 默认库中添加了 datepicker。但是有些在打开时会重叠。自定义css?谢谢大家...

打开日期选择器 关闭日期选择器

标签: jquerycssdatepickeroverlap

解决方案


将选择器的背景颜色设置为白色,或者您可以使用 1 像素的白色图像作为背景,这将重复并填充 datepicker div

例如,如果您的 div 有一个 css 类说ui-datepicker

然后你可以使用下面的css

 .ui-datepicker{
     background-color: #ffffff;
 }

我假设了这个类,因为ui-datepicker你需要自己找到 css 类

在 jQueryUI 中,CSS 类通常是ui-datepicker

我想你有 bootstrap css 和 jquery css 混合在一起,如果是这样的话

然后,重新排序 CSS 包含并使 jQueryUI CSS 出现在最后

如果按钮不可点击,则 z-Index 将被另一个 div 标签覆盖

改变z-index

.ui-datepicker{
  z-index: 99999;
}

推荐阅读