html - 日付ピッカー カレンダーの上部にある Jquery スライダー ボタン

Question

HTML テーブルの最初の行に jQuery 日付ピッカーを実装し、次の行に 2 つのスライダーを実装しました。

残念ながら、日付ピッカー カレンダーを開くと、その上にスライダー ボタンが表示されます。

どうすればこの問題を解決できますか?

Answer 1

CSS を使用してみて、datepicker の z-index がスライダーの z-index よりも高いことを確認してください。

.ui-datepicker {
    z-index: 2;
}
.ui-slider {
    z-index: 1;
}