1

例を参照してください

[コンテナの表示]リンクをクリックすると、UIダイアログの下にdatepickerコンポーネント（2番目の入力）が表示されます。UIダイアログの上に表示するにはどうすればよいですか？

4

5 に答える 5

7

.ui-datepicker の z-index を 1003 に設定できます。

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

現在、.ui-widget-overlay の z-index は 1001 で、.ui-dialog の z-index は 1002 です。datepicker には z-index がなく、デフォルトでこれらの他の z-index よりも下に設定されています. それをより高い z-index に上げると、ダイアログの上に表示されるはずです。

于 2009-10-08T17:55:23.810 に答える
3

私も同様の問題を抱えていましたが、datepickerダイアログに問題がありstyle="z-index:1"ました。

!importantそのため、キーワードを追加する必要がありました。

.ui-datepicker {
  z-index: 1003 !important;
}
于 2011-09-11T12:45:04.590 に答える
1

たとえば、datepicker にz-indexを設定する必要があります。

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

あなたのために働くはずです。

于 2009-10-08T17:55:20.130 に答える
0

古いブラウザ (IE6) を使用している場合は、'BGIFrame' プラグインが必要で、ダイアログ オプションでそれを使用するように設定します。z-index が機能しない場合は?

于 2011-09-01T13:27:22.880 に答える
0

これをJSに追加して修正しました

  //allow interaction of select2, date and time picker on jQuery UI dialog
    $.ui.dialog.prototype._allowInteraction = function(e) {
    return !!$(e.target).closest('.ui-dialog, .ui-datepicker, .select2-drop').length;
  };
于 2014-09-25T13:21:12.173 に答える