2013-05-07 18 views
7

私はjQueryを初めて使用していて、既存のGanttチャートプラグインを変更して、数ヶ月ではなく数日でチャートを入手しようとしましたが、役に立たなかった。誰かが、私はこれがこの問題の解決策かもしれないと思うように、ちょうど月と年で構成される二次元のものに三次元の日付配列を変換するのを手伝ってくれますか?私が解決策について間違っているなら、私に1つを提供してください。前もって感謝します。jQueryを使用してガントチャートに似たチャートを作成するにはどうすればよいですか?

// Creates a 3 dimensional array [year][month][day] of every day 
    // between the given start and end dates 
    function getDates(start, end) { 
     var dates = []; 
     dates[start.getFullYear()] = []; 
     dates[start.getFullYear()][start.getMonth()] = [start] 
     var last = start; 
     while (last.compareTo(end) == -1) { 
      var next = last.clone().addDays(1); 
      if (!dates[next.getFullYear()]) { dates[next.getFullYear()] = []; } 
      if (!dates[next.getFullYear()][next.getMonth()]) { 
       dates[next.getFullYear()][next.getMonth()] = []; 
      } 
      dates[next.getFullYear()][next.getMonth()].push(next); 
      last = next; 
     } 
     return dates; 
    } 

答えて

5

は、なぜあなたは、私は複雑さの様々なレベルのガントチャートを作成するための3つの優れた商用ライブラリを知っているthis

6

のように、既存のものを試してみてくださいいけません。いずれもjQuery自体は必要ありませんが、それらを一緒に使用することができます。最も複雑に最も簡単なのために:

3

は、コンポーネントの完全な説明のための

無料で強力ですhttp://gantt.twproject.com/に見てください http://roberto.open-lab.com/2012/08/24/jquery-gantt-editor/

ここでGitHubの上で利用できるの

ソース:SVGベースのエディタ、折りたたみ可能なツリーで利用可能なhttps://github.com/robicch/jQueryGantt

+1

新発売、フレンドリーで、まだオープンソースMITライセンスを印刷:http://roberto.open-lab.com/2014/05/15/jquery-gantt-editor-collapsible-branches / – rbicchierai