使用jQuery Datepicker

问题描述

我有一个@ Html.edifor显示出生日期，并且我想使用jquery datepicker显示日历。 我的scritp代码位于外部js文件中，并且对该文件的正确引用在视图上。 我也在应用程序配置中使用捆绑软件。

这是我的剧本

$(function () {
    $("#DateOfBirth").datepicker({
        dateFormat: "dd-MMM-yy",changeMonth: true,changeYear: true
    });
});

我遇到以下错误。

Jquery?v=gywVLk6VvVVR_J6-oRPIvBpBvXSXEW6ZffeMhgu--bE1:1 Uncaught TypeError: $(...).datepicker is not a function.

这是我的bundleConfig

        bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
        "~/Scripts/jquery-ui-1.12.1.js"));
        //css  
        bundles.Add(new StyleBundle("~/Content/cssjqryUi").Include(
               "~/Content/jquery-ui.css"));

有人可以帮我找出问题所在吗？

谢谢！

解决方法

必须在JQuery Reference之前完成函数声明和Datapicker参考。

您必须先加载jQuery或相对版本。
然后是数据选择器。
然后调用初始化数据选择器。