2011-07-07 140 views
2

有人可以告訴我我在做什麼錯在這裏,爲什麼這個簡單的datetimepicker不會出現?我是一個jQuery新手,已經越來越沮喪:)jquery datetimepicker trentrichardson - 簡單但我不明白

<head runat="server"> 
<title>IT Support Tools - Log Viewer</title> 
<script src="Scripts/jquery-1.6.2.js" type="text/javascript"></script> 
<script src="Scripts/jquery-ui-timepicker-addon.js" type="text/javascript"></script> 
<link href="Styles/Site.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript"> 
    $(document).ready(function() { 
      alert("hello"); 
      $('#<%=txtStartDate.ClientID%>').datetimepicker(); 
     }); 
    </script> 
</head> 
<body> 
<form id="form1" runat="server"> 
    <div> 
     <asp:TextBox ID="txtStartDate" runat="server"></asp:TextBox> 
    </div> 
</form> 
</body> 
</html> 
+0

ASP得到評估後,源代碼是什麼樣子: – Jake

+0

沒有太多去那裏丹!你是否包含了插件,你是否收到任何錯誤,正確加載資源,是$('#<%= txtStartDate.ClientID%>')。當你嘗試初始化插件時,length == 1。 – redsquare

+0

@redsquare我在這裏下載了.js文件http://trentrichardson.com/examples/timepicker/。然後保存它,並與jquery庫一起引用它。我是這個堆棧溢出站點的新手。我不確定你能看到我實際粘貼的所有代碼,因爲我現在只能看到兩行代碼。讓我知道。謝謝 – Dan

回答

1

你必須鏈接jQueryUI,該插件是基於它。您從中提到的網站提到了這一點。把

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script> 

之間的兩個<script>標籤你已經有。

+0

非常感謝。我知道這簡單明瞭。自從他提到它之後,我就無法從trentrichardson網站知道,但沒有任何完整的示例代碼。我剛剛通過nuget安裝了這個http://nuget.org/List/Packages/jQuery.UI.Combined – Dan

+0

我不知道nuget,但看起來很有趣! – bfavaretto