2013-03-27 99 views
2

我正面临着jQuery中的日期时间选择器在MVC4中的问题。这里是我的代码:DateTimePicker没有显示

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


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

但日期时间选择器没有显示和显示错误

Uncaught TypeError: Cannot read property 'inline' of undefined"

在我的模型RELIEVING_DATE是一个可为空场。我想给它一个默认值。

请帮忙。

+0

在浏览器控制台 – 2013-03-27 06:51:35

+0

遗漏的类型错误的错误:无法读取属性未定义 – Prakash 2013-03-27 06:52:54

+1

“内联”你的代码运行之前,你加载的jQuery?你如何尝试:'$(document).ready(function(){$(“#RELIEVING_DATE”)。datepicker();});' – 2013-03-27 06:59:40

回答

2

我在您发布的脚本中注意到的第一件事是您的$(function() {最后缺少结束);

另外,请确保您的页面中正确包含了jQuery和jQuery UI脚本。如果使用的是包,你可能需要使用该脚本之前,以下脚本所安装的日期选择器:

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

通常情况下,~/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(); 
}); 
+0

感谢它的working.one更多问题如何将默认日期设置为当前日期。 – Prakash 2013-03-27 07:25:04

+0

在渲染此视图的控制器操作中,您可以在模型上设置属性:'model.RELIEVING_DATE = DateTime.Now;'。 – 2013-03-27 07:27:30

+0

谢谢。是否可以在日期时间选择器中设置日期格式(dd/mm/yyyy)? – Prakash 2013-03-27 08:28:14

0

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

我在主页面上有以下内容,并在其中的子页面。

<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>