Jquery datepicker元素仅在Internet Explorer中引发未定义或空引用
每次我使用Internet Explorer(不同版本)运行表单时,表单中的两个datepicker元素都会出现如下错误: 这是包含元素定义的代码,值得一提的是,只有在使用任何Internet Explorer版本时按下Submit按钮时才会出现错误(Firefox也可以正常工作):Jquery datepicker元素仅在Internet Explorer中引发未定义或空引用,jquery,asp.net-mvc,internet-explorer,datepicker,undefined-reference,Jquery,Asp.net Mvc,Internet Explorer,Datepicker,Undefined Reference,每次我使用Internet Explorer(不同版本)运行表单时,表单中的两个datepicker元素都会出现如下错误: 这是包含元素定义的代码,值得一提的是,只有在使用任何Internet Explorer版本时按下Submit按钮时才会出现错误(Firefox也可以正常工作): @{ Layout=“~/Views/Shared/_Layout.cshtml”; ViewBag.Dashboard=“”; ViewBag.Item=“”; ViewBag.Events=“活动”; View
@{
Layout=“~/Views/Shared/_Layout.cshtml”;
ViewBag.Dashboard=“”;
ViewBag.Item=“”;
ViewBag.Events=“活动”;
ViewBag.Location=“”;
}
@使用(Ajax.BeginForm(“EventDetails”,新的AjaxOptions{HttpMethod=“GET”,UpdateTargetId=“EventDetails”,InsertionMode=InsertionMode.Replace}))
{
提交
完成日期:
以及:
}
@*罗德评论*@
@RenderBody()
@*@Html.Partial(“PartialViews/_Item”,Model)*@
这是初始化datepicker()的_Events.cshtml中的代码:
$(函数(){$('.datepicker').datepicker();});
我非常感谢您的帮助,因为我很想完全删除这个DatePicker组件。我找到了解决这个问题的方法,以防有人有一天得到它 问题是dtStart和dtEnd元素按类名调用datepicker(),如下所示:
<script type="text/javascript">
$(function () { $('.datepicker').datepicker();});
</script>
$(函数(){$('.datepicker').datepicker();});
我所做的是向dtStart和dtEnd元素添加一个ID,并通过ID而不是通过类来调用它们,而不是通过下一种方式:
<script type="text/javascript">
$(function () { $('#dtStart').datepicker(); $('#dtEnd').datepicker(); });
</script>
$(函数(){$('#dtStart').datepicker();$('#dtEnd').datepicker();});
从理论上讲,这两种方式都可以使用,但这样一来,问题就消失了,它现在可以在所有浏览器上使用。您正在显示服务器端代码,但bootstrap-datepicker.js中出现了异常,您没有在此处提供。代码可以从此处下载:[link]我找到了解决此问题的方法,问题是dtStart和dtEnd元素按类名调用datepicker(),如下所示:$(函数(){$('.datepicker').datepicker();});我所做的是向dtStart和dtEnd元素添加一个ID,并用ID而不是类来调用它们,而不是用下一种方式:$(函数(){$('#dtStart').datepicker();$('#dtEnd').datepicker();});随着这一点,这个问题在IE.Dang中消失了。这准确地描述了我的问题,但我的表单中至少有十几个日期。您可以这样做:
$('input[type=date]')。每个(函数(e){$(e).datepicker();})代码>
<script type="text/javascript">
$(function () { $('.datepicker').datepicker();});
</script>
<script type="text/javascript">
$(function () { $('.datepicker').datepicker();});
</script>
<script type="text/javascript">
$(function () { $('#dtStart').datepicker(); $('#dtEnd').datepicker(); });
</script>