我正在尝试在我的项目中使用 zebra datepicker 库。我已按照说明 here 进行操作并编写了以下代码:
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="assets/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="assets/Zebra_Datepicker-master/public/javascript/zebra_datepicker.js"></script>
<link rel="stylesheet" href="assets/Zebra_Datepicker-master/public/css/metallic.css" type="text/css"></link>
<script type="text/javascript">
window.onload = function(){
$('#calendarValue').Zebra_DatePicker();
}
</script>
</head>
<body>
<div id="calendarContainer">
<input type="text" id="calendarValue"></input>
</div>
</body>
</html>
这会导致一个黄色图标附加到 ID 为“calendarValue”的文本字段，并且该图标会在单击时加载日历。我在 Chrome、Firefox 和 Internet Explorer 10 和 11 中得到了预期的结果。
虽然 zebra 的开发者 (Stefan Gabos) 提到，遵循严格的 doctype() 使其与 IE6+ 兼容，示例 html 位于 zebra datepicker package特别是在 IE9 上加载日期选择器也可以正常工作，当我在 IE 9 上测试时，我的代码不会加载日期选择器 UI；仅黄色图标附加到文本框，并且单击按钮时不会打开日历 UI。可以看出，我确实在代码中使用了 doctype，因此使用旧版本 IE 获取 UI 应该是一个问题，但在我的情况下并非如此。截图如下:
我是网络开发方面的菜鸟，我不明白这里出了什么问题。
希望这次一切都能详细解释。
最佳答案
实际上，问题是我的公司制定了在 IE 中以兼容性 View 呈现 Intranet 站点的政策，这导致了这里的麻烦。我使用边缘元标记:
<meta http-equiv="X-UA-Compatible" content="IE=EDGE">
这强制我的网站在 IE 中以默认标准模式加载并解决了我的问题。
希望它能帮助像我这样在黑暗中的菜鸟
关于javascript - 单击图标时不会弹出 Zebra Datepicker UI (Internet Explorer 9)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36006550/