2012-05-17 167 views
0

我有jQuery模式窗口上的日期选择器。当我关闭模式窗口而不关闭日期选择器时,它会保留在我的首页上。我试图专注,但它并没有帮助我,也尝试过mouseleave,但为了使它工作,我需要将鼠标悬停在日期选择器上并移出来隐藏它。Datepicker不关闭关闭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()}); 
+0

请发表您的HTML和/或显示的jsfiddle的行为。 – j08691

回答

0

我相信这是一个问题,即datepicker的z-index需要大于对话框的z-index。

尝试增加类似下面的CSS:

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

我假设datepicker的z-index小于jquery对话框模式的z-index,它将不会在模式窗口中可见。我想有可能是我缺少的东西 – user525146

+0

我以为同样的事情...这很奇怪 – jimmym715