Javascript 在同一视图中同时显示多个日历的日历
我正在寻找一种显示多个日历的方法。我的想法在这个松散的模型中得到了说明 我看过不同的插件,比如FullCalendar,但它们一次只能显示一个日历 所以我希望你们知道一些智能插件Javascript 在同一视图中同时显示多个日历的日历,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,我正在寻找一种显示多个日历的方法。我的想法在这个松散的模型中得到了说明 我看过不同的插件,比如FullCalendar,但它们一次只能显示一个日历 所以我希望你们知道一些智能插件 编辑注释1:我不想把日历分开,可以说,它们需要显示在同一个滚动区域。我曾经偶然发现了一件事 特别是这个演示:您可以使用FullCalendar来显示来自多个事件源的事件,我认为这比使用三个日历更简洁。但是,如果您的场景需要有多个日历,则也可以使用FullCalendar。这是我为测试做的一个快速示例 <!do
编辑注释1:我不想把日历分开,可以说,它们需要显示在同一个滚动区域。我曾经偶然发现了一件事
特别是这个演示:您可以使用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>
日历
卡尔先生{
宽度:30%;
浮动:左;
边框:1px纯黑;
右边距:10px;
}
$(函数(){
$(“.cal”).fullCalendar({});
})
看看这是否能帮你(多做些造型):我不知道。但是,我不希望日历被分开,可以说,它们需要显示在同一个滚动区域中。