jquery ui datepicker错误答案

【问题标题】：jquery ui datepicker errorjquery ui datepicker错误
【发布时间】：2014-08-12 14:12:07
【问题描述】：

这是我在尝试实现日期选择器时收到的错误消息：

第 133 行第 9 列未处理的异常 - JavaScript 运行时错误：对象不支持属性或方法“日期选择器”

这是我添加到视图中的代码：

   <div class="form-group">
        @Html.LabelFor(model => model.Date, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Date, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Date, "", new { @class = "text-danger" })
        </div>
    </div>`

这是脚本：

<script>

$(function () {

    $("#model.Date").datepicker();

});

这是我的第一个 jQuery 元素，所以我不知道我做错了什么。整个jQuery元素流程我都不懂。

【问题讨论】：

datepicker() 不是普通 jQuery 中的方法，它是 jQueryUI 的一部分，因此您需要在页面中包含 jqueryui.js。
我应该从 NuGet 包管理器下载那个包吗？
可以，也可以直接从jqueryui.com获取
我从 NuGet 包管理器下载了它，并在 bundleconfig.cs 文件中添加了一个包。我仍然遇到同样的错误...

标签： javascript jquery jquery-ui datepicker

【解决方案1】：

datepicker() 不是普通 jQuery 中的方法。它是 jQueryUI 库的一部分，您还需要将其包含在您的页面中：

<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jqueryui.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#model.Date").datepicker();
        });
    </script>
</head>

jQueryUI库可以从http://jqueryui.com下载

【讨论】：