javascript - 使用 jquery 日期选择器

Question

我有一个 @Html.edifor 来显示出生日期，我想使用 jquery datepicker 来显示日历。我的脚本代码位于外部 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"));

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

谢谢！

标签： javascriptjqueryjquery-ui-datepicker

Answer 1

函数声明和 Datapicker 引用必须在 JQuery 引用之前完成。

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