firefox - d3.time.scale() 无法在 IE 10 和 Firefox 上输入日期

Question

我正在尝试使用 d3.js 构建气泡图。我希望根据日期填充气泡颜色。我使用以下函数根据给定的日期生成颜色:

color = d3.time.scale().domain([new Date('2013-07-23'), new Date('2013-06-01')]).range(['#98E698', '#1E7B1E']);

在创建图形时，我将其称为

.style("fill", function(d) {return colour(new Date("2013-07-8")); }); 

上面的代码仅适用于 Chrome。在 IE 10 和 Firefox 中 color函数返回 NaN 而不是颜色代码。为什么？

Answer 1

return color(new Date("2013-07-08")) 

与 color拼写正确，8 前面的 0 在 IE10 中有效。阅读 new Date(string) documentation ，它看起来像一个 two digit month预计。在 Chrome :

>new Date("2013-07-8") 
Mon Jul 08 2013 00:00:00 GMT-0700 (Pacific Daylight Time)

在 IE10 中:

>new Date("2013-07-8") 
Invalid Date 
>new Date("2013-07-08") 
Sun Jul 7 17:00:00 PDT 2013 

要解决此问题 - 必要时通过添加零来清理日期或使用 [d3.time.format] 将字符串更改为日期 3 :

>var format = d3.time.format("%Y-%m-%d"); 
>format.parse("2013-07-8") 
Mon Jul 8 00:00:00 PDT 2013 

(这适用于 IE10)