单击图标时 Zebra Datepicker UI 不弹出 (Internet Explorer 9)

Question

我正在尝试在我的项目中使用 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+ 兼容，并且 zebra datepicker package 中的示例 html 也可以正常工作特别是在 IE9 上加载日期选择器，当我在 IE 9 上测试时，我的代码不会加载日期选择器 UI；只有黄色图标附加到文本框，单击按钮时日历 UI 不会打开。可以看出我确实在我的代码中使用了 doctype，所以用旧版本的 IE 获取 UI 应该是个问题，但在我的情况下并非如此。截图如下：

我是网络开发的菜鸟，我不知道这里出了什么问题。

希望这次能把一切都解释清楚。

Answer 1

实际上，问题是我的公司制定了在 IE 中以兼容性视图呈现 Intranet 站点的政策，这在这里造成了麻烦。我使用了边缘元标记：

<meta http-equiv="X-UA-Compatible" content="IE=EDGE">

强制我的网站在 IE 中以默认标准模式加载并解决了我的问题。

希望能帮到像我这样在黑暗中摸索的菜鸟

单击图标时 Zebra Datepicker UI 不弹出 (Internet Explorer 9)

Zebra Datepicker UI does not pop up on icon click (Internet Explorer 9)

javascript

jquery

jquery-ui

datepicker

jquery-ui-datepicker