Line: 12-
gnt.lang = 'j';
/*
* j : Japanese
* e : english
*/
gnt.monthNameType = 1;
/*
* 1 : YYYY/MM
* 2 : January YYYY
* 3 : Jan YYYY
*/
<html> <head> <link rel="stylesheet" type="text/css" href="jquery.gantt/jquery.gantt.css" /> <script language="javascript" type="text/javascript" src="jquery.js"></script>
<script language="javascript" type="text/javascript" src="jquery.gantt.js"></script>
<script language="javascript" type="text/javascript">
<!--
$(function(){
$("#gantt01").gantt({
'tasks':[
{ 'titles': 'Task01', 'start_date': '', 'end_date': '' },
{ 'titles': 'Task02', 'start_date': '', 'end_date': '' },
{ 'titles': 'Task03', 'start_date': '', 'end_date': '' }
]
});
});
//-->
</script> </head> <body> <div id="gantt01"></div> </body> </html>
// Add Task $('#gantt01').addTask({ 'titles': 'Task04', 'start_date': '', 'end_date': '' }); [test] $('#gantt01').addTask({ 'titles': 'Task05', 'start_date': '', 'end_date': '', 'color': '#0000FF', 'text': 'Task05' }); [test] // Today
$('#gantt01').setPeriod(); // Next Page
$('#gantt01').setPeriod('+'); // +7th
$('#gantt01').setPeriod('+7'); // Prev Page
$('#gantt01').setPeriod('-'); // -7th
$('#gantt01').setPeriod('-7');
$("#gantt02").gantt({
'type': 'month'
'range': 50,
'titles': ['title01', 'title02']
'tasks':[
{ 'titles': [ 'Task01', 'hoge' ], 'start_date': '', 'end_date': '' },
{ 'titles': [ 'Task02', 'hoo' ], 'start_date':', 'end_date': ' }
]
});