JQuery 日期选择器不工作答案

【问题标题】：JQuery datepicker not workingJQuery 日期选择器不工作
【发布时间】：2010-06-10 20:07:34
【问题描述】：

我对 JQuery 和 MVC 完全陌生。

我正在做一个使用两者来学习它们的宠物项目，我遇到了第一个障碍。

我有一个日期字段，我想将 JQuery 日期选择器添加到 UI。这是我所做的：

添加<script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"></script> 到site.master

在我的 Create.aspx（视图）中，我有

  <asp:Content ID="Create" ContentPlaceHolderID="MainContent" runat="server">
    <h2>
        Create a Task</h2>
    <% Html.RenderPartial("TaskForm"); %>
  </asp:Content>

在“TaskForm”（一个用户控件）里面我有：

<label for="dDueDate">
            Due Date</label>
        <%= Html.TextBox("dDueDate",(Model.Task.TaskID > 0 ? string.Format("{0:g}",Model.Task.DueDate) : DateTime.Today.ToString("MM/dd/yyyy"))) %>

        <script type="text/javascript">
            $(document).ready(function() {
                $("#dDueDate").datepicker();
            });
        </script>

如您所见，上面检查任务的 id 是否 > 0（我们没有创建新的），如果有，则使用任务上的日期，如果没有，则默认为今天。我希望显示日期选择器 UI 元素，但我得到：

$("#dDueDate").datepicker(); 上的“Microsoft JScript 运行时错误：对象不支持此属性或方法”

想法？这可能是一个非常简单的错误，所以不要过度分析。正如我所说，这是我第一次处理 MVC 或 JQuery，所以我不知道从哪里开始。

【问题讨论】：

DatePicker 是 jQuery UI 的一部分，而不是核心 jQuery，你的页面中是否包含这两者？
您必须让 ASP 为您提供文本框的“客户端 ID”。我不知道该怎么做，但有人会。
谢谢大家 - 我刚刚选择了最旧的答案，因为你没事。添加了 JQuery UI，它就像一个魅力。
-1，真的吗？有什么解释吗？

标签： asp.net javascript jquery asp.net-mvc

【解决方案1】：

datepicker() 是一个jQuery UI 方法，看起来你只是在使用jQuery。
您需要 download 并在 jQuery 之外包含 jQuery UI

确保下载与jQuery 1.3.2兼容的版本。

【讨论】：

【解决方案2】：

您已经包含了 jQuery 库，但没有包含 jQueryUI 库。你必须这样做：

<script src="../../Scripts/jqueryui-1.8.1.min.js" type="text/javascript"></script>

【讨论】：

当然这意味着你有 jqueryui-1.8.1.min.js 文件。您可以使用 Google 或 MS CDN 从那里检索此文件。
要使用 1.8.1，他需要 jQuery 1.4，而不是他现在使用的 1.3。

【解决方案3】：

您还需要包含JQuery UI 才能获取日期选择器。

【讨论】：