Javascript 使用jquery日期选择器

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

这是我的剧本

$(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.

这是我的包

        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引用之前完成

您必须先加载jQuery或relative。
然后是数据采集器。

---

然后调用初始化数据采集器。

函数声明和数据采集器引用必须在JQuery引用之前完成

您必须先加载jQuery或relative。
然后是数据采集器。

---

---

然后调用初始化数据采集器。

您是否加载了jQuery UI数据采集器库？是的，我已经下载了它，您有一个加载它的

标记？我在bundleconfig文件中有它的引用。jQueryUI取决于jQuery。您在哪里将jQuery本身添加到捆绑包？您是否加载了jQuery UI Datepicker库？是的，我已经下载了它，您有一个加载它的

标记？我在bundleconfig文件中有它的引用。jQueryUI取决于jQuery。将jQuery本身添加到bundle中的位置是什么？我认为要实现这一点，必须将脚本放在希望datepicker显示的视图上，而不是放在外部js文件上。这就是我让它工作的方式。@Schleid如果是这样的话，你的问题是另一个没有在你的问题中说明的问题，因为它与你调用js代码的位置无关。我也在考虑这个问题，你能给我举个例子吗appreciate@Schleid我相信这是个人选举，但我不使用bundle，只需像往常一样引用脚本即可。我为MVC3做了这件事，并在4、5和Core中更改了方法，只是因为我看不出有什么好的理由使用它。此外，如果我可以使用它，我将选择一个CDN源，而不是共享资源。但同样，按照需要使用的顺序使用脚本，首先是jquery，然后是依赖项。毕竟是我的自定义代码。非常感谢。我真的很感谢你的帮助。我认为要让它工作，你必须把脚本放在你希望datepicker显示的视图上，而不是放在外部js文件上。这就是我让它工作的方式。@Schleid如果是这样的话，你的问题是另一个没有在你的问题中说明的问题，因为它与你调用js代码的位置无关。我也在考虑这个问题，你能给我举个例子吗appreciate@Schleid我相信这是个人选举，但我不使用bundle，只需像往常一样引用脚本即可。我为MVC3做了这件事，并在4、5和Core中更改了方法，只是因为我看不出有什么好的理由使用它。此外，如果我可以使用它，我将选择一个CDN源，而不是共享资源。但同样，按照需要使用的顺序使用脚本，首先是jquery，然后是依赖项。毕竟是我的自定义代码。非常感谢。我真的很感谢你的帮助。