問題得到日期選取器顯示與MVC 2

Question

好的，所以我想切換從必須輸入手動日期和時間使用jquery選擇日期和時間。

我覺得這太難了。

筆者認爲：

<%= Html.LabelFor(x => x.DDate) %>  
<%= Html.EditorFor(x => x.DDate) %> 
<%= Html.ValidationMessageFor(x => x.DDate)%> <br /> 

我的Site.Master（我也是用這個：http://trentrichardson.com/examples/timepicker/）：

<script type="text/javascript" src="/Content/jquery-1.4.4.min.js"></script> 
<script type="text/javascript" src="/Content/jquery-ui-1.8.6.custom.min.js"></script> 
<script type="text/javascript" src="/Content/jquery-ui-timepicker-addon.js"></script> 
<script type="text/javascript"> 
     $('.dp').datetimepicker({ 
      ampm: true 
     }); 
</script> 

DateTime.ascx：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime?>" %> 
<%= Html.TextBox("", String.Format("{0:MM-dd-yyyy}", Model.HasValue ? Model : DateTime.Today), new { @class = "dp"})%> 

現在我知道有些東西在我加載頁面時正常工作，因此有一個預設日期的日期。

但是，當我點擊文本框時，NOTHING顯示出來。

有沒有人有想法我做錯了什麼？

Answer 1

嘗試等待文件是操縱它之前準備好，否則當時您執行$('.dp')選擇沒有相應的元素尚未加載：

<script type="text/javascript"> 
    $(function() { 
     $('.dp').datetimepicker({ 
      ampm: true 
     }); 
    }); 
</script> 

另一種可能是在年底提出這個腳本的文件（在關閉</body>之前）。這樣你不再需要把它包裝在一個document.ready處理程序中。