将 Fullcalender 放入 W2UI 容器中

编程问答 2022-05-25

问题描述

这是我在这里的第一篇文章，如果我不了解所有规则，请见谅。

当我将 FullCalender 放入 W2UI 组件/表单时，它不起作用。输入停止工作。如果我使用注释代替 FullCalendar 工作。 最简单的测试方法是尝试在全日历中使用上一个/下一个按钮。

在我看来，点击/事件没有被转发？？

任何人都知道如何解决这个问题，我不太擅长 javascript 编码 :-(

/马丁

PS：在下面的代码中改为 CDN 链接，更容易测试，我在测试时使用本地最新版本，有同样的问题，但我不确定如何找到 CDN 的最新版本链接。

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">    </script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.1  /fullcalendar.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.js">    </script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.1/fullcalendar.js"></script>
<link rel="stylesheet" type="text/css" href="http://w2ui.com/src/w2ui-1.5.rc1.min.css" />
<script type="text/javascript" src="http://w2ui.com/src/w2ui-1.5.rc1.min.js">    </script>
</head>
<body>
<!--
<div id="calendar"></div>
-->
<div class="w2ui-page page-0" id="cal_main" name="cal_main" style="width: 100%; height: 100%;">
<div id="calendar"></div>
</div>
<script>
$('#calendar').fullCalendar({
  defaultview: 'agendaWeek'
});

var config =
     {
     layout:
          {
          name: 'layout',panels: [
                  { type: 'main',style: 'border: 1px solid #dfdfdf; padding: 2px;',content: ''}
                  ]
          }
     };
$(function ()
     {
     $('#wholepage').w2layout(config.layout);
     $('#cal_main').w2form( { name : 'cal_main',header : 'Kalender'});
     w2ui.layout.content('main',cal_main);
     });
</script>
</body>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

fullcalendarfullcalendar-3htmlw2ui