javascript - 在mvc中使用datepicker不起作用

Question

我想使用日期选择器，我看到了这个简单的页面

http://jqueryui.com/datepicker/

我下载了这两个 jquery 文件

http://code.jquery.com/jquery-1.9.1.js并将其放入 GoogleDatePicker1.js

http://code.jquery.com/ui/1.10.3/jquery-ui.js并将其放入 GoogleDatePicker2.js

我下载了这个 css 文件

http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css并将其放入 datePickerCSS.css

我将这些文件添加到我的项目中，如下所示

@section scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/Scripts/functions.js")
    @Scripts.Render("~/Scripts/GoogleDatePicker1.js")
    @Scripts.Render("~/Scripts/GoogleDatePicker2.js")
}

@Styles.Render("~/css/datePickerCSS.css")

functions.js 是:

$(document).ready(function () {
    $(".datepicker").click(function () {
        datepicker();
    });
});

我的 html 是:

@Html.TextBoxFor(x => x.startDate, new { placeholder = "mm/dd/yyyy", @class = "datepicker" })

但是当我单击此文本框时，谷歌浏览器告诉我日期选择器未定义。

我在 datepicker() 函数之前发出警报，它正在工作

有什么帮助吗？()

Answer 1

您需要将日期选择器分配给元素:

$(document).ready(function () {
    $(".datepicker").datepicker();
});