0

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

在此处输入图像描述

我看过像 FullCalendar 这样的不同插件，但它们一次只能显示一个日历。

所以我希望你们知道一些智能插件？

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

4

2 回答 2

0

有一次我偶然发现了一些东西。

https://github.com/themouette/jquery-week-calendar/wiki

特别是这个演示：http ://themouette.github.io/jquery-week-calendar/weekcalendar_demo_3.html

于 2013-08-14T07:43:30.493 回答
0

您可以使用 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>

于 2013-08-14T08:24:11.777 回答