Question

我想使用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

您需要将datepicker分配给元素：

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

Answer 2

您在哪里定义了您要调用的函数datepicker()？

看起来您使用的插件不正确。考虑the example in the documentation：

$(function() {
    $( "#datepicker" ).datepicker();
});

您尝试做的是点击它时初始化日期选择器。这是不正确的。您应该在页面加载时初始化它，然后插件本身将处理click事件。像这样：

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

Answer 3

你可能想要这样的东西：

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

在mvc中使用datepicker不起作用

我在datepicker（）函数之前发出警报并且它正在运行

3 个答案: