Проблема в DateTime Picker MVC2

Question

Я подал заявку с помощью DateTime Picker. Текущая дата отображается в элементе управления. Но календарь не работает. Каждый раз, когда я нажимаю на TextBox, ничего не происходит ..

Вот мой код на сайте. Мастер

 <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" })%>

Answer 1

В вашем javascript на Site.Master у вас есть то, что выглядит как неправильный селектор - у вас есть #UseDatePicker - это селектор ID , но в шаблоне вашего редактора вы назначаете класс UseDatePicker.

Возможно, вы хотите изменить селектор в мастере сайта на .UseDatePicker.

И я понятия не имею, почему вы делаете все, что нужно, - я не знаю, чего вы там добиваетесь ...

Answer 2

Я получаю значение оповещения .. Но не календарь.

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

Answer 3

На самом деле это должно быть:

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