Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在同一视图中同时显示多个日历的日历_Javascript_Jquery_Html_Jquery Ui - Fatal编程技术网

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

Javascript 在同一视图中同时显示多个日历的日历,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,我正在寻找一种显示多个日历的方法。我的想法在这个松散的模型中得到了说明 我看过不同的插件,比如FullCalendar,但它们一次只能显示一个日历 所以我希望你们知道一些智能插件 编辑注释1:我不想把日历分开,可以说,它们需要显示在同一个滚动区域。我曾经偶然发现了一件事 特别是这个演示:您可以使用FullCalendar来显示来自多个事件源的事件,我认为这比使用三个日历更简洁。但是,如果您的场景需要有多个日历,则也可以使用FullCalendar。这是我为测试做的一个快速示例 <!do

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

我看过不同的插件,比如FullCalendar,但它们一次只能显示一个日历

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


编辑注释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({});
})

看看这是否能帮你(多做些造型):我不知道。但是,我不希望日历被分开,可以说,它们需要显示在同一个滚动区域中。