的jQuery的DateTimePicker不顯示在第一時間域獲得焦點

Question

我已經開發了由遄達理查德森 使用了jQuery的DateTimePicker一個Web應用程序（見http://trentrichardson.com/examples/timepicker/）

這是一個C＃應用程序aps.net，有一個叫做場tbDate，因爲我有一個MasterPage，這個字段被稱爲#MainContent_tbDate到jQuery。

在後端C＃代碼中，以下行已添加到PagePreRenderComplete事件中。

tbDate.Attributes.Add("onFocus", "getDate('#MainContent_tbDate');"); 

這就如你所看到的，只是增加了一個onFocus事件到現場。 （這適用於其他12個領域）

在我的.js文件中，我有以下代碼。

//This function launches the date picker 
    function getDate(field){ 
     if (debug) 
      { 
       $.jGrowl("Displaying Date for field " + field); 
      } 
      $(field).datetimepicker({ 
       dateFormat:'dd/mm/yy', 
       timeFormat:'hh:mm' 
      }); 
     if (debug) { 
      $.jGrowl("Launched " + field); 
     } 
    } 

當字段獲得焦點時運行。現在問題是它第一次得到關注我看到我的第一個jGrowl消息，然後沒有日期選擇器，然後我看到我的第二個jGrowl消息。

我得不到腳本錯誤。

如果我把焦點從現場放回去，然後放回去，我會正確地看到日期選取器。

爲什麼我第一次看到它領域的焦點?????

感謝

SM

Answer 1

試試這個：

function getDate(field){ 
     $(function(){ 
     if (debug) 
      { 
       $.jGrowl("Displaying Date for field " + field); 
      } 
      $(field).datetimepicker({ 
       dateFormat:'dd/mm/yy', 
       timeFormat:'hh:mm' 
      }); 
     if (debug) { 
      $.jGrowl("Launched " + field); 
     } 
}) 
    }