日期选择器在 MVC 中不起作用答案

【问题标题】：Date-picker is not working in MVC日期选择器在 MVC 中不起作用
【发布时间】：2014-03-10 09:22:16
【问题描述】：

我正在使用 jquery 2.1.0，它在我的 _Layouy.cshtml 页面 @Scripts.Render("~/bundles/jquery") 中被调用，我正在尝试将 datepicker 添加到我的视图中，但出现错误 0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'datepicker'。当我创建一个新项目时，Jquery 2.1.0 被预下载，但在脚本文件夹下没有 jquery-ui 文件夹。这可能是问题吗？这是我的看法：

@model Movie.Models.MovieModel

@{
ViewBag.Title = "Add";
Layout = "~/Views/Shared/_Layout.cshtml";
@Scripts.Render("~/bundles/jquery-ui");
}

 <h2></h2>

@using (Html.BeginForm())
{
@Html.AntiForgeryToken()

<div class="form-horizontal">
    <h4>MovieModel</h4>
    <hr />

    @Html.ValidationSummary(true)
        <div class="form-group">
        @Html.LabelFor(model => model.DOB, new { @id = "news_date", @class = "control-      label col-md-2" })
        <div class="col-md-10">
            <p>Date:<input type="text" id="Dob" class="datefield" /></p>
            @Html.EditorFor(model => model.DOB)
            @Html.ValidationMessageFor(model => model.DOB)
        </div>
    </div>

@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
 }

<script>

$(document).ready(function () {
    $("#news_date").datepicker("option", "datepickerOptions", { firstDay: 1 });
    $("#news_date").datepicker({ dateFormat: 'dd/mm/yy' });
});

【问题讨论】：

MVC 框架通常与 jquery 和 jquery-ui 库一起安装。如果您没有看到它们已安装（检查 Scripts 文件夹和 App_Start/BundleConfig.cs），您可以使用 Nuget 添加它们。
我已经安装了 jquery UI（组合库）-并将这些行插入到 _Layout.cshtml ` @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles /jquery-ui");` 我仍然遇到同样的错误。下载 jquery UI（组合库）后，我是否必须在 App_Start/BundleConfig.cs 中添加任何内容？？
是的，您需要添加捆绑包中的所有文件：脚本和样式文件。见this question。它包含您需要的所有信息。

标签： c# asp.net-mvc datepicker jquery-ui-datepicker

【解决方案1】：

将 jquery UI 添加到视图中。

@Scripts.Render("<your_jqueryui_path>")

在脚本部分。

或者至少datepicker

【讨论】：

我已将其插入到我的 _Layout.cshtml 页面中，该页面用作母版页。但我仍然遇到同样的错误：这是我调用的两个文件`@Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/jquery-ui");`
这不是文件路径。这是捆绑包的相对路径。如果此路径包含 jqueryui 文件，请检查 App_Start 文件夹中的 bundle.config。类似 bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include("~/Scripts/jquery-ui-1.10.4.js"));
尝试将此代码添加到@section Scripts { @Scripts.Render("code.jquery.com/ui/1.10.3/jquery-ui.js");}