javascript - Internet Explorer 中的日期选择器错误

标签 javascript jquery html css internet-explorer

我在标题中有这段代码:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

在下面的这个脚本之后

 <script type="text/javascript">
            jQuery(function($){ //on document.ready
            $('#datePicker').datepicker();
            }); 
        </script> 

在我的 HTML 中我使用了这句话:

<input id="datePicker" name="datePicker" type="date" size="36" onkeypress="return postOnReturn(event)">

在 chrome 中,我可以看到数据选择器,但在 Internet Explorer 中,我只能看到一个空字段。并在控制台中显示“未定义 JQUEry”的错误消息

你知道会发生什么吗?

谢谢!

最佳答案

我尝试引用您的步骤以在我这边使用 IE 产生问题。我发现您的代码在我这边运行良好,没有任何错误。这是我的测试结果。

代码:

<!doctype html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<script type="text/javascript">
            jQuery(function($){ //on document.ready
            $('#datePicker').datepicker();
            }); 
        </script> 
</head>
<body>
<input id="datePicker" name="datePicker" type="date" size="36" onkeypress="return postOnReturn(event)">

</body>
</html>

输出:

enter image description here

所以我们可以说这个示例代码没有任何问题,并且在 IE 中运行良好。其他一些代码行可能存在问题并导致此错误。您可以尝试再次检查代码。

如果您使用的 IE 版本比我建议您移至 IE 11 更旧。它还可以帮助您解决问题。我还用各种文档模式测试了代码,它没有任何错误。

你可以尝试用我的代码做一个测试,看看它是否正确运行。 让我们知道您的测试结果。

关于javascript - Internet Explorer 中的日期选择器错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53593615/

相关文章:

Javascript,数组在不同的地方显示不同的长度

javascript - 在 div 之间放置一个 html 元素

html - 如何为 Bootstrap 表类 'table table-bordered ' 自定义 css?它不适合我

python - 如何使用python套接字从html获取输入

javascript - 延迟/暂停光滑的幻灯片功能

javascript - 关于ajax/javascript/jquery页面数据结构的建议

javascript - 更改内容信息窗口映射 v3

javascript - 将新的系列[0].data 添加到现有的 highchart 中

javascript - 从悬停到单击的下拉标题

javascript - Outlook Office Addin 未在 div 中显示 HTML 页面