Question

我在jquery模态窗口上有一个日期选择器。当我关闭模态窗口而不关闭日期选择器时，它在我的首页上保持可见。我试着集中精力，但它没有帮助我，也尝试了mouseleave但是为了使它工作我需要将鼠标悬停在日期选择器上并移出来隐藏它。

$("#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()});

Answer 1

我认为这是一个问题，其中datepicker的z-index需要大于对话框的z-index。

尝试添加类似于以下内容的css：

<style type="text/css">
    .ui-datepicker
    {
        z-index: 1001 !important; /* must be > than popup editor (1000) */
    }
</style>

关闭jquery模式时，Datepicker不会关闭

1 个答案: