d3.js学习笔记(1)——日期对象和字符串的相互转换

最新推荐文章于 2024-09-10 09:21:30 发布

原创最新推荐文章于 2024-09-10 09:21:30 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

d3.js 专栏收录该内容

0 篇文章

订阅专栏

本文介绍d3.js v4版本中如何将日期字符串转换为日期对象，以及如何将日期对象转换回字符串。同时，探讨了日期对象直接运算的结果，并详细列举了d3中的日期格式化选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

d3 v4版本
1.将日期字符串转化为d3中的日期对象

    //字符串例如“2018-05-09T20:46:20.040Z”
     var dateParse = d3.timeParse("%Y-%m-%dT%H:%M:%S.%LZ");
     var timeobj=dateParse(timestring);

2.将日期对象转化为字符串形式

     var dateFormat =d3.timeFormat("%b-%Y");
     var timestr=dateFormat(timeobject);

3.若将得到的日期对象直接进行运算，将会得到数值。

4.d3中format格式：
%a - abbreviated weekday name.
%A - full weekday name.
%b - abbreviated month name.
%B - full month name.
%c - date and time, as “%a %b %e %H:%M:%S %Y”.
%d - zero-padded day of the month as a decimal number [01,31].
%e - space-padded day of the month as a decimal number [ 1,31]; equivalent to%_d.
%H - hour (24-hour clock) as a decimal number [00,23].
%I - hour (12-hour clock) as a decimal number [01,12].
%j - day of the year as a decimal number [001,366].
%m - month as a decimal number [01,12].
%M - minute as a decimal number [00,59].
%L - milliseconds as a decimal number [000, 999].
%p - either AM or PM.
%S - second as a decimal number [00,61].
%U - week number of the year (Sunday as the first day of the week) as a decimal number [00,53].
%w - weekday as a decimal number [0(Sunday),6].
%W - week number of the year (Monday as the first day of the week) as a decimal number [00,53].
%x - date, as “%m/%d/%Y”.
%X - time, as “%H:%M:%S”.
%y - year without century as a decimal number [00,99].
%Y - year with century as a decimal number.
%Z - time zone offset, such as “-0700”.
%% - a literal “%” character.