gon gem の使い方

Question

html.erbにJSのデータプログラムを入れ込みgon gemを使ってデータを取得してガントチャートを表示させたいのでですがうまくいきません．どのように修正すればよろしいでしょうか．

ちなみに

gon.products_start_time

gon.products_end_time

Date型で2016-2-6-12:00などがデータベースに入っています．

もしかしたら変換が必要かもしれません

使っているプラグインはこちらです．

http://taitems.github.io/jQuery.Gantt/

                source: [{
                    name: gon.products_number,
                    desc: gon.branch_number,
                    values: [{
                        from: gon.products_start_time,
                        to: ,
                        label: gon.products_end_time,
                        customClass: "ganttRed"
                    }]
コード