Question

我在csv中有一个列（日期），它将日期存储在“2003-02-01”（y-m-d）中。我想像2003年4月那样格式化月份和年份的日期。我该怎么做？

var format = d3.time.format("%m-%Y");
data.forEach(function(d,i) {
d.date = format(d.date);
});

我收到以下错误错误：TypeError: n.getFullYear is not a function Line: 5

csv文件包含值：

200,300,400,288,123,2003-01-01
300,700,600,388,500,2003-02-01

这里有什么问题？

Answer 1

Javascript不会自动将CSV文件中的值识别为日期，只是将其作为字符串读取。 d3's time functions可以很容易地将它们转换为datetime objects：

> parseDate = d3.time.format("%Y-%m-%d").parse
> parseDate('2003-01-01')
Wed Jan 01 2003 00:00:00 GMT-0600 (Central Standard Time)

要根据需要格式化日期，我们需要采用另一种方式，从日期对象到字符串：

> formatDate = d3.time.format("%b-%Y")
> formatDate(parseDate('2003-01-01'))
"Jan-2003"

我建议您在程序中使用日期对象表示日期，并在需要显示时将它们格式化为字符串。

Answer 2

D3版本4现在有不同的时间方法。

https://keithpblog.org/post/upgrading-d3-from-v3-to-v4/ https://github.com/d3/d3/blob/master/CHANGES.md

您的来源日期

ERROR in ./node_modules/@newrelic/native-metrics/lib/pre-build.js
Module not found: Error: Can't resolve 'aws-sdk' in …

该日期的结构=％Y-％m-％dT％H：％M：％S％Z

我用“2018-01-15T12：37：30 + 0000”搜索谷歌，它的建议提供了日期结构字符串。方便。

创建一个timeParser，将日期字符串转换（解析）为日期对象

var d = {created_time : "2018-01-15T12:37:30+0000"}

现在创建一个时间格式化程序，以返回用于显示的格式化日期字符串。

var parseDate = d3.utcParse("%Y-%m-%dT%H:%M:%S%Z")
//parseDate(d.created_time)

即。扬1970

Answer 3

如果您要获取日期，请以变量“d =（例如：'2003-03-01'）”以字符串格式表示，

var monthNameFormat = d3.time.format("%b-%Y");
return monthNameFormat(new Date(d));

这将导致日期为“ Jan-2003 ”格式。

Answer 4

在D3Js v3中，这对我有用：

var s = "2018-11-01T19:37:55Z";

d3.time.format("%Y-%m-%dT%H:%M:%SZ").parse(s);

// Thu Nov 01 2018 19:37:55 GMT-0700 (Pacific Daylight Time)

Answer 5

来自Adam的回答，这是一个小的帮助函数，用于将时间字符串从格式转换为另一种格式：

var formatTime = function(input, formatInput, formatOutput){
    var dateParse = d3.time.format(formatInput).parse;
    var dateFormat = d3.time.format(formatOutput);
    return dateFormat(dateParse(input));
};

使用：

formatTime("2003-01-01", "%Y-%m-%d", "%b-%Y");

// output -> "Jan-2003"

D3.js中的日期格式

5 个答案: