問題與模態窗口

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

回答