Question

当我想将datetimepicker放入cshtml页面的文本框中时，我遇到了一些问题

我的bundleconfig看起来像这样

  bundles.Add(new ScriptBundle("~/js").Include(
                "~/Content/bower_components/jquery/dist/jquery.min.js",
                "~/Content/bower_components/bootstrap/dist/js/bootstrap.min.js",
                "~/Content/bower_components/metisMenu/dist/metisMenu.min.js",
                "~/Scripts/jquery-1.9.1.js",
                "~/Scripts/jquery-1.9.1.min.js",
                "~/Scripts/jquery-ui.js",
                "~/Scripts/jquery-ui.min.js",
                "~/Scripts/jquery-migrate-{version}.js",
                "~/Scripts/site.js",
                "~/Scripts/jquery.validate.js",
                "~/scripts/jquery.validate.unobtrusive.js",
                "~/Scripts/jquery.validate.unobtrusive-custom-for-bootstrap.js"  
                ));

我认为问题出在渲染顺序

我的布局页面如下所示

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="@Styles.Url("~/content/css")" rel="stylesheet"/>    
    <link href="@Styles.Url("~/Content/jquery-ui.min.css")" rel="stylesheet"/>
    @RenderSection("csst", false)

    @RenderSection("head", required: false)
    @Html.Partial("_html5shiv")
    @* favicons and touch icons go here *@

</head>
<body>
     @RenderBody()


    @Scripts.Render("~/js")

    @RenderSection("Scripts", required: false)


</body>
</html>

在我看来，我想添加类似这样的东西

@using (Html.BeginForm())
{
  <input type='text' data-provide="datepicker" class="form-control" id='txtBirthDateSU' />
}

@section Scripts {

<script type="text/javascript">

    $(document).ready(function () {
        $("#txtBirthDateSU").datepicker();
    });
</script>
    @System.Web.Optimization.Scripts.Render("~/bundles/jqueryval")

}

Datepicker ERROR 0x800a01b6 - JavaScript运行时错误：对象不支持属性或方法'datepicker'

0 个答案: