日期选择器中的jquery next和previous按钮无法正常工作

Question

我正在使用jquery datepicker。因为我面临着一个问题。当日期选择器弹出时，我点击了日期选择器中的上一个和下一个按钮，但它不起作用。弹出窗口后面有一个选择下拉字段。因此，当我单击下一个或上一个按钮时，将查看下拉选项。这是我的JSFiddle

Here if we remove the select the next and previous button gets clicked.

帮助非常有用。

Answer 1

下拉列表位于视图堆栈的顶部，因为其z-index = 2与日期选择器的z-index相比较，后者设置为1。

即使您从未将z-index添加到页面上的任何元素，jquery插件也会在渲染时添加这些属性。

所以将选择下拉列表的z-index更改为0＆amp;添加一个特定的CSS选择器，如下所示。

CSS代码：

.container .main select {
   z-index:0;
}

Working demo @ jsfiddle

注意：我已经添加了更精确地定位元素的css选择器，使用CSS特异性!important可以获得同样的效果，但使用它是一种不好的做法。使用CSS特性改变了CSS优先级结构

Answer 2

只需更改z-index：

.ui-select .ui-btn select{z-index:1 !important}

它会起作用

Answer 3

元素的深度（z-index）问题。您的选择框位于日期选择器上方，因此当您单击日期选择器时，它实际上单击了选择框。试试这个

CSS

#select-4-button{
    z-index: 1 !important;
}

一切顺利：）