2

jQuery の日付ピッカー コントロールに問題があります。私のアプリケーションでは、最も基本的な方法を使用してカレンダーを呼び出しています。

$('#elmt').datepicker();

ターゲット要素は、ポップアップ div の入力テキスト ボックスです。テキストボックスをクリックすると、カレンダーがシースルーで表示されます: http://s17.postimage.org/4knyxgvjz/see_thru_calendar.png

ui-datepicker クラスの z-index を調整するために、Stackoverflow で既にいくつかの提案を試しました。

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 9999 !important; }

しかし、それも違いはありません。私のテスト環境では Internet Explorer 7 を実行しています (カレンダーは、jQuery-UI によって提供されるサンプルの index.html で正常にレンダリングされます)。

jQuery UI の日付ピッカーでこのような問題を見た人はいますか?

4

1 に答える 1

3

jQuery UI datepickerに関連する CSS を読み込んでいないため、カレンダーが「シースルー」になっています。

テストするには、jQuery UI の CSS ファイルを編集し、次のように変更しますclass background。

.ui-widget-content {
    background: #000;
}

  • 日付ピッカーの背景が黒の場合、スタイル シートは読み込まれていますが、画像のパスが間違っている可能性があります。

  • 黒の背景がない場合は、スタイル シートが読み込まれていません。

問題がスタイル シートにあるかどうかを確認する別の方法は、 jQuery CDNから直接 CSS を含めることです。

http://code.jquery.com/ui/1.8.20/themes/redmond/jquery-ui.css
于 2012-06-05T17:15:13.033 に答える