javascript - jquery.Gantt 日期和日期已停止工作

Question

我正在使用这个很棒的 plugin用于使用 jQuery 创建甘特图。

现在我已将它合并到我的网站中，但周末和日期已经错了，我不确定是因为我正在运行的其他一些脚本，还是我配置不正确，我正在运行 Foundation 5具有通常的依赖关系(所有脚本都可以在演示中看到)。

基本上，对于图表上的每项任务，周末已经开始偏移 2 天，并且标题中的日期也已关闭。

要查看完整演示，请查看此 jsFiddle .

如果您在查看甘特图时遇到问题，请将 slider 宽度调小:

$(document).ready(function () {
    $(function () {
        $("#ganttChart").ganttView({
            data: ganttData,
            slideWidth: 600
        });
    });
});

Answer 1

更新:

是 Foundation box-sizing 默认值弄乱了图表。

我所要做的就是将它添加到 gantt.View css 文件中。

.ganttview *, /* Override Foundation box-sizing properties */
.ganttview:before,
.ganttview:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

请查看更新后的 jsFiddle .