通過Ajax將JSON傳遞到Google圖表-如何設置日期格式

Question

我正在組裝我的json服務器端，並將其傳遞回javascript。

var chart_data = new google.visualization.DataTable(response);

我的日期有問題-如何正確格式化？ 它可以作為字符串使用，但是我需要使用一些細微差別。 我需要將日期格式設置為日期。 問題：當我嘗試使用日期類型時，谷歌圖表不起作用。 它給我一個錯誤： c[qe] is not a function

我創建了兩個小提琴來展示我的問題。 希望它將幫助：

這是STRING而不是DATE有效示例： http : //jsfiddle.net/fd3wyuao/1/

這NOT DATE有效示例： http : //jsfiddle.net/p7n62b8j/1/

請指教。

{
  "cols":[
    {
      "id":"",
      "label":"Date",
      "type":"date"
    },
    {
      "id":"",
      "label":"Accounts",
      "type":"number"
    }
  ],
  "rows":[
    {
      "c":[
        {
          "v":"new Date(2014, 10, 20)"
        },
        {
          "v":3
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 10, 21)"
        },
        {
          "v":1
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 10, 23)"
        },
        {
          "v":2
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 10, 24)"
        },
        {
          "v":1
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 10, 27)"
        },
        {
          "v":4
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 10, 29)"
        },
        {
          "v":1
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 11, 03)"
        },
        {
          "v":1
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 11, 04)"
        },
        {
          "v":2
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 11, 05)"
        },
        {
          "v":1
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 11, 06)"
        },
        {
          "v":1
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 11, 12)"
        },
        {
          "v":3
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 11, 14)"
        },
        {
          "v":2
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 11, 17)"
        },
        {
          "v":1
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 11, 18)"
        },
        {
          "v":1
        }
      ]
    },
    {
      "c":[
        {
          "v":"new Date(2014, 11, 19)"
        },
        {
          "v":2
        }
      ]
    }
  ]
}

Answer 1

得到它了 ：

var res0 ='{ "cols": [{"id":"","label":"Date","type":"date"},{"id":"","label":"Accounts","type":"number"}],"rows": [{"c":[{"v":"Date(2014, 10, 20)"},{"v":3}]}, {"c":[{"v":"Date(2014,10,21)"},{"v":1}]}] } ';

來自https://developers.google.com/chart/interactive/docs/reference （第一個LONG表的末尾）

先前的答案，但不是主題：

您可以使用new Date("2014-10-21")

而且，您可以執行new Date("2014-10-21 10:00:00")來將此日期設置為上午10:00

也許使用與+new Date("2014-10-21")相同的new Date("2014-10-21").valueOf() +new Date("2014-10-21")執行操作。 或帶有new Date("2014-10-21").toString()的字符串與""+new Date("2014-10-21")