问题与模态窗口

JQuery的日期选取器我创建与代码使用模式窗体/窗口：问题与模态窗口

与具有附加到它，并在其中按钮日期选取一个文本框。一切工作正常，除了一个小问题 - 日期选择器日历总是显示每次有回发。每次控制事件后，日历都会出现。

我想要发生的是仅在单击通常发生在非模态对话框中的文本框时显示日历。

当我试图隐藏使用日期选择器：

$(document).ready(function() { 
     $('#txtDate').datepicker('hide'); 
    });

我只是无法再即使我把它放在一个文本重点显示日历：

$("#txtDate").focus(function() { 
     $('#txtDate').datepicker(); 
    }).blur(function() { 
     $('#txtDate').datepicker('hide'); 
    });

我也试图把Z-index：1003里面的jQuery的CSS，但我仍然没有太多的运气。

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

任何人都可以帮助我解决这个问题，将不胜感激。

在此先感谢！

问候，哈兰德

或禁用日期选择第一和使用open事件对话框，使it.Disable时关闭对话框。

open: function(){ 
    $('#txtDate').datepicker('enable'); 

}, 
close: function() { 
    $('#txtDate').datepicker('disable'); 
}

2012-01-21 18:07:32 Diode

嗨二极管，你提到的代码，虽然它在jsfiddle中工作正常，但它在我的工作不起作用，我感到困惑，为什么它没有，虽然我有相同版本的datepicker和js版本。另一方面，我试过showON'按钮'，它的工作原理就像我想要的那样！谢谢很多人！ – harlandgomez

我知道这是旧的，但你的第二个解决方案（我不想要一个按钮，所以首先不是一个选项）工作不正常，你能帮忙吗？谢谢。 –

怎么样在过去的“秀”，但一条线？

$("#txtDate").focus(function() { 
    $('#txtDate').datepicker(); 
}).blur(function() { 
    $('#txtDate').datepicker('show'); 
});

2012-01-21 16:59:58 yoshi

我尝试这样做，也没有工作。 =（ – harlandgomez

回答