Question

我在MVC4的jquery中面临日期时间选择器的问题。这是我的代码：

 @Html.TextBox("RELIEVING_DATE", Model.RELIEVING_DATE)


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

但日期时间选择器未显示并显示错误

未捕获的TypeError：无法读取未定义“
的属性”inline“

在我的模型中RELIEVING_DATE是一个可以为空的字段。我想给它一个默认值。

请帮忙。

Answer 1

我在您发布的脚本中注意到的第一件事是您的$(function () {在结尾处错过了结束);。

还要确保在页面中正确包含了jQuery和jQuery UI脚本。如果您使用的是捆绑包，则可能需要在附加日期选择器的脚本之前使用以下脚本：

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")

如果您使用Internet应用程序模板创建项目，通常~/bundles/jquery包已包含在_Layout.cshtml中。

您应该验证的另一件事是您没有多个具有相同ID的字段。此外，如果此@Html.TextBox位于编辑器模板中，则该ID可能不是#RELIEVING_DATE，而是以导航属性为前缀，例如#SomeProperty_RELIEVING_DATE。查看浏览器中生成的HTML以查看确切的ID。您还可以为该字段分配一个类：

@Html.TextBoxFor(x => x.RELIEVING_DATE, new { @class = "datepicker" })

然后：

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

Answer 2

我发现了同样的错误，这是因为我多次加载脚本。

我在主页上有以下内容，以及./ / p>中的子页面

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

DateTimePicker未显示

2 个答案: