# 和日历搭配使用的甘特图
## 使用说明
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>日历控件</title>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="./index.css">
<link rel="stylesheet" href="./ganttControl.css">
<script src="./ganttControl.js"></script>
<script src="./data.js"></script>
</head>
<body>
<div class="date-container">
<!-- 甘特图容器 -->
<div class="gantt-control"></div>
</div>
</body>
<script>
//初始化甘特图控件
var ganttControl = new GanttControl({
$el: $(".gantt-control")
});
//调用ajax,渲染甘特图图形
var ganttTimeList = obj.ganttTimeList;
ganttControl.ganttObject.openGanttChangeFunc(ganttTimeList)
</script>
</html>
```
## 甘特图效果图
## 甘特图伪数据
```
//甘特图伪数据
ganttTimeList:[
{
TYPE:1,
STARTS_TIME:"2022-03-03 00:00:00",
ENDS_TIME:"2022-03-03 08:13:00"
},
{
TYPE:0,
STARTS_TIME:"2022-03-03 08:13:00",
ENDS_TIME:"2022-03-03 14:22:00"
},
{
TYPE:2,
STARTS_TIME:"2022-03-03 14:22:00",
ENDS_TIME:"2022-03-03 15:00:00"
},
{
TYPE:0,
STARTS_TIME:"2022-03-03 15:00:00",
ENDS_TIME:"2022-03-03 16:40:00"
},
{
TYPE:1,
STARTS_TIME:"2022-03-03 16:40:00",
ENDS_TIME:"2022-03-03 20:00:00"
},
{
TYPE:3,
STARTS_TIME:"2022-03-03 20:00:00",
ENDS_TIME:"2022-03-03 22:00:00"
},
{
TYPE:1,
STARTS_TIME:"2022-03-03 22:00:00",
ENDS_TIME:"2022-03-03 24:00:00"
}
]
```
JQ版本甘特图控件(和JQ版本的日历控件搭配使用)
需积分: 23 41 浏览量
2022-03-13
22:06:33
上传
评论
收藏 40KB RAR 举报
gantt-control.rar （32个子文件） 
gantt-control 
readme.md 2KB .git hooks fsmonitor-watchman.sample 5KB pre-push.sample 1KB prepare-commit-msg.sample 1KB pre-merge-commit.sample 416B applypatch-msg.sample 478B pre-commit.sample 2KB pre-receive.sample 544B pre-applypatch.sample 424B commit-msg.sample 896B pre-rebase.sample 5KB update.sample 4KB post-update.sample 189B push-to-checkout.sample 3KB config 308B description 73B refs tags heads master 41B remotes origin HEAD 32B logs refs heads master 190B remotes origin HEAD 190B HEAD 190B packed-refs 114B objects info pack pack-24e69774eea25dee9f1d6c0f584e33557e269d28.pack 19KB pack-24e69774eea25dee9f1d6c0f584e33557e269d28.idx 2KB info exclude 240B HEAD 23B
index.html 913B ganttControl.css 2KB readme .keep 0B ganttControl.js 7KB data.js 995B index.css 688B
走到天涯海角
- 粉丝: 6942
- 资源: 12
评论0