0

jqueryモーダルウィンドウに日付ピッカーがあります。日付ピッカーを閉じずにモーダル ウィンドウを閉じると、フロント ページに表示されたままになります。フォーカスアウトしようとしましたが、役に立たず、マウスリーブも試しましたが、機能させるには、日付ピッカーにカーソルを合わせて外に出て非表示にする必要があります。

$("#datepicker").append(label);
            fromInput.datepicker( {
                showOn: "both",
                minDate: -30,
                maxDate: 0,
                showAnim: "slide",
                buttonImage: "#",
                buttonImageOnly: true,
                onSelect: function(fromDate, inst){
                  oDTSettings.minDate = fromDate;
                  toInput.datepicker("option", "minDate",  oDTSettings.minDate);                    
                }
            } );

            fromInput.datepicker("setDate", minDate);

$('.ui-datepicker').live('mouseleave', function() {
            $('.ui-datepicker').hide()});
4

1 に答える 1

0

これは、日付ピッカーのz-indexをダイアログのz-indexよりも大きくする必要がある問題だと思います。

次のようなcssを追加してみてください。

<style type="text/css">
    .ui-datepicker
    {
        z-index: 1001 !important; /* must be > than popup editor (1000) */
    }
</style>
于 2012-05-18T01:36:19.410 に答える