Javascript 如何更改dhtmlx甘特图中的日期格式？_Javascript_Html_Dhtmlx_Gantt Chart

Javascript 如何更改dhtmlx甘特图中的日期格式？

javascript html

Javascript 如何更改dhtmlx甘特图中的日期格式？,javascript,html,dhtmlx,gantt-chart,Javascript,Html,Dhtmlx,Gantt Chart,我有一个从中下载的甘特图模板嗯，我调用了我的甘特图，但我想将时间范围设置为2015-2023年，而不是默认为天/月，但我不知道在哪里可以更改它 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Tooltip</title> </head> <s

我有一个从中下载的甘特图模板

嗯，我调用了我的甘特图，但我想将时间范围设置为2015-2023年，而不是默认为天/月，但我不知道在哪里可以更改它

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
 <title>Tooltip</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<script src="../../codebase/ext/dhtmlxgantt_tooltip.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">

<script type="text/javascript" src="../common/testdata.js"></script>
<style type="text/css">
    html, body{ height:100%; padding:0px; margin:0px; overflow: hidden;}
</style>
<body>
<div id="gantt_here" style='width:100%; height:100%;'></div>

<script type="text/javascript">

    var tasks =  {
        data:[
            {id:1, text:"Project #2", start_date:"01-04-2013", duration:18,order:10,
                progress:0.4, open: true},
            {id:2, text:"Task #1",    start_date:"02-04-2013", duration:8, order:10,
                progress:0.6, parent:1},
            {id:3, text:"Task #2",    start_date:"11-04-2013", duration:8, order:20,
                progress:0.6, parent:1}
        ],
        links:[
            { id:1, source:1, target:2, type:"1"},
            { id:2, source:2, target:3, type:"0"},
            { id:3, source:3, target:4, type:"0"},
            { id:4, source:2, target:5, type:"2"},
        ]
    };

    gantt.init("gantt_here");
    gantt.parse(tasks);

    gantt.init("gantt_here");
    gantt.parse(demo_tasks);
</script>
</body>
</html>

将持续时间单位配置的值设置为“年”：

gantt.config.duration_unit = "year";

默认值：天。

将持续时间单位配置的值设置为年：

gantt.config.duration_unit = "year";

默认值：天。

找到了解决方案：

只是在调用甘特图之前更改了甘特图设置

<script type="text/javascript">
gantt.config.scale_unit = "year";
gantt.config.step = 1;
gantt.config.date_scale = "%Y";
gantt.config.min_column_width = 30;
gantt.config.scale_height = 80;

var tasks =  {
    data:[
        {id:1, text:"Project #2", start_date:"01-04-2013", duration:18,order:10,
            progress:0.4, open: true},
        {id:2, text:"Task #1",    start_date:"02-04-2013", duration:8, order:10,
            progress:0.6, parent:1},
        {id:3, text:"Task #2",    start_date:"11-04-2013", duration:8, order:20,
            progress:0.6, parent:1}
    ],
    links:[
        { id:1, source:1, target:2, type:"1"},
        { id:2, source:2, target:3, type:"0"},
        { id:3, source:3, target:4, type:"0"},
        { id:4, source:2, target:5, type:"2"},
    ]
};

gantt.init("gantt_here");
gantt.parse(tasks);

</script>

找到解决方案：

只是在调用甘特图之前更改了甘特图设置

<script type="text/javascript">
gantt.config.scale_unit = "year";
gantt.config.step = 1;
gantt.config.date_scale = "%Y";
gantt.config.min_column_width = 30;
gantt.config.scale_height = 80;

var tasks =  {
    data:[
        {id:1, text:"Project #2", start_date:"01-04-2013", duration:18,order:10,
            progress:0.4, open: true},
        {id:2, text:"Task #1",    start_date:"02-04-2013", duration:8, order:10,
            progress:0.6, parent:1},
        {id:3, text:"Task #2",    start_date:"11-04-2013", duration:8, order:20,
            progress:0.6, parent:1}
    ],
    links:[
        { id:1, source:1, target:2, type:"1"},
        { id:2, source:2, target:3, type:"0"},
        { id:3, source:3, target:4, type:"0"},
        { id:4, source:2, target:5, type:"2"},
    ]
};

gantt.init("gantt_here");
gantt.parse(tasks);

</script>