2010-11-17 76 views
1

我用DateTime Picker完成了一個應用程序。當前日期顯示在控件中。但是壓延不working.Whenever我點擊文本框沒有任何反應..DateTime Picker中的問題MVC2

這是我在的Site.Master

<title> 
    <asp:ContentPlaceHolder ID="TitleContent" runat="server" /> 
</title> 
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" /> 
<link href="../../Content/jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css" /> 
<script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#UseDatePicker").live('click', function() { 
      $(this).datepicker('destroy').datepicker({ 
       showOn: 'focus', 
       changeMonth: true, 
       changeYear: true 
      }).focus(); 
     }); 
    }); 
</script> 

在我的Index.aspx代碼...

<p><%:Html.LabelFor(m => m.MyDate)%>:&nbsp;<%:Html.EditorFor(m => m.MyDate) %></p> 

在我Model.cs

[DisplayName("Date")] 
    public DateTime MyDate { get; set; } 

在我DateTime.ascx

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime?>" %> 
<%=Html.TextBox("", (Model.HasValue ? Model.Value.ToString("MM/dd/yyyy") : DateTime.Today.ToShortDateString()), new { @class = "UseDatePicker date-text-box" })%> 

回答

0

在的Site.Master您的JavaScript,你有什麼看起來像一個不正確的選擇 - 你有#UseDatePicker - 這是一個ID選擇,但在你的編輯器模板,請指定UseDatePicker

您可能想要將站點主文件中的選擇器更改爲.UseDatePicker

而且我不知道爲什麼你在做整個摧毀的東西 - 我不知道你想達到什麼有...

0

其實應該是:

$(document).ready(function() { 
    $('.UseDatePicker').datepicker({ 
     showOn: 'focus', 
     changeMonth: true, 
     changeYear: true 
    }); 
}); 
+0

喜喬恩和達林,感謝您的答覆.. – RobinHood 2010-11-17 07:57:01

+0

我得到alert..But不壓延........ <腳本類型=「文/ JavaScript的」> 的價值$(文件)。就緒(函數(){ 警報( 'A'); $ ()日期選擇器({ showOn 'UseDatePicker': '專注', changeMonth:真實, changeYear:真 }) ; }); – RobinHood 2010-11-17 07:58:08

+0

不知道你的代碼有什麼問題,但這裏是演示一個工作示例的演示:http://jsfiddle.net/mr92f/。確保你已經正確地包含了所有的腳本,並且CSS類名是正確的。 – 2010-11-17 08:02:40

0

我得到alert..But的值不壓光機。

<script type="text/javascript"> 
    $(document).ready(function() { 
     alert('a'); 
     $('.UseDatePicker').datepicker({ 
      showOn: 'focus', 
      changeMonth: true, 
      changeYear: true 
     }); 
    }); 
</script>