Question

我的html页面中有以下代码。图标存在，图像路径有效。每个浏览器似乎都正确显示，除了IE8，它只显示一个rey框。有没有人知道这方面的方法？

<script type="text/javascript" charset="utf-8">

 var sDate = new Date(1323637200000);

  $(function() {
    $( "#datepicker" ).datepicker({

      minDate: -151,
      maxDate: "-1D",
      dateFormat: "dd-mm-yy",
      defaultDate: sDate,
      firstDay: 6,
      showOn: "button",
      buttonImage: "/public/images/ico-calendar.gif",
      buttonImageOnly: false,
      onSelect: function(mydate) {
            window.location.href="/reports/"+mydate;
        }
    });
  });
</script>
<input type="hidden" id="datepicker" />

Answer 1

经过大量的摆弄后，我发现重置图标图像上的最大宽度可以让图标正确显示。这听起来像是IE 8的怪癖。

img{
 max-width: none;
}

Answer 2

将html更改为

<input type="text" id="datepicker" />

小提琴here。我没有给出有效的图像路径。你需要在你的开发系统上检查它。

Answer 3

不确定这对人们来说是否仍然是一个问题，但我用一个小的 jQuery 脚本解决了它：

        var ua = window.navigator.userAgent;
        var msie = ua.indexOf('MSIE');
        var trident = ua.indexOf('Trident/');
        //Check if IE
        if (msie > 0 || trident > 0) {
            $("input[type=date]").datepicker();
        }

在 Chrome 和所有 IE 版本上都非常有用。

为什么IE8中没有显示Jquery日期选择器图标？

3 个答案: