日历组件在IE下无法显示事件
2017-10-25 16:34:02
风清
  • 访问次数: 6
  • 注册日期: 2017-10-25
  • 最后登录: 2019-08-06

根据示例代码:

<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>test</title>
  <link rel="stylesheet" href="css/zui.css">
  <link href="lib/calendar/zui.calendar.min.css" rel="stylesheet">
  <link rel="stylesheet" href="css/cst.css">
  <!--[if lt IE 9]>
      <script src="lib/ieonly/html5shiv.min.js"></script>
      <script src="lib/ieonly/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <header class="container text-center">
    <h1>test</h1></header>
  <div id="calendar" class="calendar container"></div>
  <footer class="text-center text-muted">test page</footer>
  <script src="js/jquery.min.js"></script>
  <script src="js/zui.min.js"></script>
  <script src="lib/calendar/zui.calendar.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function() {
    $('#calendar').calendar();

    var calendar = $('#calendar').data('zui.calendar');
    var newEvents = [
      { title: '吃饭了', desc: '要吃更多', start: '2017-10-19 12:00', end: '2017-10-19 13:10' },
      { title: '学习了', desc: '要学更多', start: '2017-10-19 14:00', end: '2017-10-19 17:10' }
    ];
    calendar.addEvents(newEvents);
    calendar.display();
  });
  </script>
</body>

</html>


Firefox和Chrome显示正常,IE各版本均不显示事件。

风清 最后编辑, 2017-10-25 16:34:49
沙发
2017-10-26 10:43:39
风清
  • 访问次数: 6
  • 注册日期: 2017-10-25
  • 最后登录: 2019-08-06
已找到原因,服务器为2003,需要做所有字体文件的MIME映射,否则报404错误。
风清 最后编辑, 2017-10-26 10:44:25
1/1