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＆＃39; calendarValue＆＃39;的文本字段的黄色图标，并且图标会在点击时加载日历。我在chrome，firefox和Internet Explorer 10和11中得到了预期的结果。

虽然zebra的开发人员（Stefan Gabos）提到过，严格的doctype（）使其与IE6 +兼容，zebra datepicker package中的示例html也可以正常加载datepicker特别是在IE9上，当我在IE 9上测试时，我的代码没有加载datepicker UI;只有黄色图标附加到文本框，单击按钮时日历UI不会打开。可以看出我在我的代码中使用了doctype，因此使用旧版本的IE获取UI应该是一个问题，但在我的情况下并非如此。屏幕截图如下：

我是网络开发中的菜鸟，我无法弄清楚这里有什么问题。

希望这次能详细解释一切。

Answer 1

实际上问题是我公司有策略在IE中的兼容性视图中呈现内部网站点，这在这里引起了麻烦。我使用了边缘元标记：

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

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

希望在黑暗中帮助像我这样的人们

图标点击时不会弹出Zebra Datepicker UI（Internet Explorer 9）

1 个答案: