Jquery 日期时间选择器MVC2中的问题

我用DateTime Picker做了一个应用程序。当前日期显示在控件中。但是日历不工作。每当我点击文本框时，什么都不会发生

这是我在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>

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

实际上应该是：

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

---

在Site.Master中的javascript中，您有一个看起来不正确的选择器-您有一个

#UseDatePicker

-它是一个ID选择器，但在编辑器模板中，您分配了类

UseDatePicker

您可能希望将站点主控中的选择器更改为

.UseDatePicker

---

我不知道你为什么要这么做-我不知道你想在那里实现什么…

我得到的是警报的价值…但不是日历

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

$（文档）.ready（函数（）{
警报（“a”）；
$（'.UseDatePicker'）.datepicker({
showOn:“聚焦”，
变化月：对，
变化年：对
});
});

我得到的是警报的值……但不是日历$（document）.ready（函数（）{alert（'a'）；$（'.UseDatePicker'））.datepicker（{shown:'focus'，changemount:true，changeYear:true}）；}）；不知道您的代码出了什么问题，但这里有一个演示，演示了一个工作示例：。请确保您正确地包含了所有脚本，并且css类名正确。在上面的源代码中，我们提到的是单击文本框，这样日历就会显示出来。我添加了一个ViewUserControl1.ascx文件（即DateTime.ascx），并给出了此代码“……我是否应该更改此文件中的任何内容。。。

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

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