jquery日付ピッカーの次と前のボタンが正しく機能していません

Question

jquery datepickerを使用しています。その中で私は問題に直面しています。日付ピッカーがポップアップすると、日付ピッカーの前と次のボタンをクリックしましたが、動作しませんでした。ポップアップの後ろに選択ドロップダウンフィールドがあります。したがって、次または前のボタンをクリックすると、ドロップダウンオプションが表示されます。ここに私です。JSFiddle

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

ヘルプが役に立ちます。

Answer 1

だけのzインデックスを変更：

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

それは要素の深さの問題（Zインデックス）である

Answer 2

に動作します。あなたの選択ボックスはdatepickerの上にあるので、日付ピッカーをクリックすると実際に選択ボックスがクリックされました。ただ、すべてのベスト:)

Answer 3

ドロップダウンがに比べてz-index = 2以来、ビュー・スタックの最上部に配置され、この

CSS

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

を試してみてください1.

に設定されている日付ピッカーの z-index、

z-indexをページのどの要素にも追加していないにもかかわらず、jqueryプラグインはレンダリング時にこれらのプロパティを追加しました。

したがって、選択ドロップダウンのz-indexを0に変更してください。&以下に示すように、特定のCSSセレクタを追加してください。

CSSコード：

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

Working demo @ jsfiddle

注：私はより正確要素をターゲットCSSセレクタを追加した、同じCSS特異!importantを用いてachived、そのすることができますそれを使う悪い習慣。 CSSの特殊性を使用すると、CSS優先順位構造が変更されます