<!DOCTYPE html>
<html lang="en">
<head>
<title>Gantt</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">
<link href="css/style.css" type="text/css" rel="stylesheet">
<style type="text/css">
body {
font-family: 微软雅黑;
font-size: 12px;
padding: 0 0 50px 0;
}
.contain {
width: 100%;
margin: 0 auto;
}
</style>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.fn.gantt.js"></script>
</head>
<body>
<div class="contain">
<div class="gantt1"></div>
</div>
<script>
$(function() {
$(".gantt1").gantt({
source: [{
name: "环节一 ",
desc: "环节描述",
values: [{
from: "/Date(1320192000000)/",
to: "/Date(1320940800000)/",
label: "id12+ganttRed",
customClass: "11111111111"
}]
},{
name: "环节二",
desc: "环节描述",
values: [{
from: "/Date(1321113600000)/",
to: "/Date(1321977600000)/",
label:"id2+ganttGreen",
customClass: "222222222222222"
}]
},{
name: "环节三",
desc: "环节描述",
values: [{
from: "/Date(1321113600000)/",
to: "/Date(1321977600000)/",
label:"id2+ganttOrange",
customClass: "222222222222222"
}]
},{
name: "环节四",
desc: "环节描述",
values: [{
from: "/Date(1321113600000)/",
to: "/Date(1321977600000)/",
label:"id2+ganttGray",
customClass: "222222222222222"
}]
},{
name: "环节五",
desc: "环节描述",
values: [{
from: "/Date(1322582400000)/",
to: "/Date(1324828800000)/",
label: "id3+ganttBlue",
customClass: "3333333333333333333333333333333",
}]
}],
waitText:"数据加载中",
navigate: "scroll",
maxScale: "days",
minScale:"days",
months: ["1月","2月", "3月","4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
dow:["日", "一", "二", "三", "四", "五", "六"],
itemsPerPage: 10,
onItemClick: function(data) {
alert(data);
},
onAddClick: function(dt, rowId) {
alert(dt);
},
onDataLoadFailed: function(data) {
alert("数据加载失败!")
}
});
});
</script>
</body>
</html>
Gantt.zip （15个子文件） 
Gantt img 
slider_handle.png 47KB 2.png 817B icon_sprite.png 808B grid.png 96B js 
jquery-ui.min.js 248KB dataDaysEnh.js 185KB dataHours.js 6KB dataDays.js 2KB jquery.min.js 91KB jquery.cookie.js 2KB jquery.fn.gantt.js 84KB jquery-1.7.2.min.js 93KB css style - 副本.css 9KB style.css 9KB
gantt.html 2KB资源评论
Miaophy2018-12-24有点简陋...单可以用..功能比较少
