Question

我正在寻找一种显示多个日历的方法。我的想法在这个松散的模型中得到了说明。

enter image description here

我查看了FullCalendar等不同的插件，但它们一次只能显示一个日历。

所以我希望你们知道一些聪明的插件吗？

编辑备注1：我不希望日历分开，它们需要显示在同一个滚动条中，可以这么说。

Answer 1

我偶然发现了一件事。

{{3P>

特别是这个演示：https://github.com/themouette/jquery-week-calendar/wiki

Answer 2

您可以使用FullCalendar来显示来自多个事件源的事件，我认为这些事件要比使用三个日历更清晰。但是，如果您的场景要求拥有多个日历，则FullCalendar也可以使用。这是我为测试做的快速示例。

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Fullcalendar</title>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/fullcalendar.min.js"></script>
<style>
.cal{
    width:30%;
    float:left;
    border: 1px solid black;
    margin-right:10px;
}
</style>
</head>
<body>
<div id="cal1" class="cal">
</div>
<div id="cal3" class="cal">
</div>
<div id="cal2" class="cal">
</div>
<script type="text/javascript">
$(function(){
    $(".cal").fullCalendar({});
})
</script>

日历在同一视图中同时显示多个日历

2 个答案: