Did you know ... | Search Documentation: |
Pack logicmoo_workspace -- node_modules/d3-time-format/README.md |
This module provides a JavaScript implementation of the venerable strptime and strftime functions from the C standard library, and can be used to parse or format dates in a variety of locale-specific representations. To format a date, create a formatter from a specifier (a string with the desired format directives, indicated by `%`); then pass a date to the formatter, which returns a string. For example, to convert the current date to a human-readable string:
var formatTime = d3.timeFormat("%B %d, %Y"); formatTime(new Date); // "June 30, 2015"
Likewise, to convert a string back to a date, create a parser:
var parseTime = d3.timeParse("%B %d, %Y"); parseTime("June 30, 2015"); // Tue Jun 30 2015 00:00:00 GMT-0700 (PDT)
You can implement more elaborate conditional time formats, too. For example, here’s a multi-scale time format using time intervals:
var formatMillisecond = d3.timeFormat(".%L"), formatSecond = d3.timeFormat(":%S"), formatMinute = d3.timeFormat("%I:%M"), formatHour = d3.timeFormat("%I %p"), formatDay = d3.timeFormat("%a %d"), formatWeek = d3.timeFormat("%b %d"), formatMonth = d3.timeFormat("%B"), formatYear = d3.timeFormat("%Y"); function multiFormat(date) { return (d3.timeSecond(date) < date ? formatMillisecond : d3.timeMinute(date) < date ? formatSecond : d3.timeHour(date) < date ? formatMinute : d3.timeDay(date) < date ? formatHour : d3.timeMonth(date) < date ? (d3.timeWeek(date) < date ? formatDay : formatWeek) : d3.timeYear(date) < date ? formatMonth : formatYear)(date); }
This module is used by D3 time scales to generate human-readable ticks.
If you use NPM, `npm install d3-time-format`. Otherwise, download the latest release. You can also load directly from d3js.org, either as a standalone library or as part of D3. AMD, CommonJS, and vanilla environments are supported. In vanilla, a d3
global is exported:
<script src="https://d3js.org/d3-time.v1.min.js"></script> <script src="https://d3js.org/d3-time-format.v2.min.js"></script> <script> var format = d3.timeFormat("%x"); </script>
Locale files are published to npm and can be loaded using d3.json. For example, to set Russian as the default locale:
d3.json("https://cdn.jsdelivr.net/npm/d3-time-format@2/locale/ru-RU.json", function(error, locale) { if (error) throw error; d3.timeFormatDefaultLocale(locale); var format = d3.timeFormat("%c"); console.log(format(new Date)); // понедельник, 5 декабря 2016 г. 10:31:59 });
<a name="timeFormat" href="#timeFormat">#</a> d3.<b>timeFormat</b>(<i>specifier</i>) [<>](https://github.com/d3/d3-time-format/blob/master/src/defaultLocale.js#L4 "Source")
An alias for locale.format on the default locale.
<a name="timeParse" href="#timeParse">#</a> d3.<b>timeParse</b>(<i>specifier</i>) [<>](https://github.com/d3/d3-time-format/blob/master/src/defaultLocale.js#L5 "Source")
An alias for locale.parse on the default locale.
<a name="utcFormat" href="#utcFormat">#</a> d3.<b>utcFormat</b>(<i>specifier</i>) [<>](https://github.com/d3/d3-time-format/blob/master/src/defaultLocale.js#L6 "Source")
An alias for locale.utcFormat on the default locale.
<a name="utcParse" href="#utcParse">#</a> d3.<b>utcParse</b>(<i>specifier</i>) [<>](https://github.com/d3/d3-time-format/blob/master/src/defaultLocale.js#L7 "Source")
An alias for locale.utcParse on the default locale.
<a name="isoFormat" href="#isoFormat">#</a> d3.<b>isoFormat</b> [<>](https://github.com/d3/d3-time-format/blob/master/src/isoFormat.js "Source")
The full ISO 8601 UTC time formatter. Where available, this method will use Date.toISOString to format.
<a name="isoParse" href="#isoParse">#</a> d3.<b>isoParse</b> [<>](https://github.com/d3/d3-time-format/blob/master/src/isoParse.js "Source")
The full ISO 8601 UTC time parser. Where available, this method will use the Date constructor to parse strings. If you depend on strict validation of the input format according to ISO 8601, you should construct a UTC parser function:
var strictIsoParse = d3.utcParse("%Y-%m-%dT%H:%M:%S.%LZ");
<a name="locale_format" href="#locale_format">#</a> <i>locale</i>.<b>format</b>(<i>specifier</i>) [<>](https://github.com/d3/d3-time-format/blob/master/src/locale.js#L293 "Source")
Returns a new formatter for the given string specifier. The specifier string may contain the following directives:
1999
.-0700
, -07:00
, -07
, or Z.For `%U`, all days in a new year preceding the first Sunday are considered to be in week 0. For `%W`, all days in a new year preceding the first Monday are considered to be in week 0. Week numbers are computed using interval.count. For example, 2015-52 and 2016-00 represent Monday, December 28, 2015, while 2015-53 and 2016-01 represent Monday, January 4, 2016. This differs from the ISO week date specification (`%V`), which uses a more complicated definition!
For `%V`, per the strftime man page:
In this system, weeks start on a Monday, and are numbered from 01, for the first week, up to 52 or 53, for the last week. Week 1 is the first week where four or more days fall within the new year (or, synonymously, week 01 is: the first week of the year that contains a Thursday; or, the week that has 4 January in it).
The `%` sign indicating a directive may be immediately followed by a padding modifier:
0
- zero-padding-
- disable padding
If no padding modifier is specified, the default is 0
for all directives except `%e`, which defaults to _. (In some implementations of strftime and strptime, a directive may include an optional field width or precision; this feature is not yet implemented.)
The returned function formats a specified *date*, returning the corresponding string.
var formatMonth = d3.timeFormat("%B"), formatDay = d3.timeFormat("%A"), date = new Date(2014, 4, 1); // Thu May 01 2014 00:00:00 GMT-0700 (PDT) formatMonth(date); // "May" formatDay(date); // "Thursday"
<a name="locale_parse" href="#locale_parse">#</a> <i>locale</i>.<b>parse</b>(<i>specifier</i>) [<>](https://github.com/d3/d3-time-format/blob/master/src/locale.js#L298 "Source")
Returns a new parser for the given string specifier. The specifier string may contain the same directives as locale.format. The `%d and
%e` directives are considered equivalent for parsing.
The returned function parses a specified string, returning the corresponding date or null if the string could not be parsed according to this format’s specifier. Parsing is strict: if the specified <i>string</i> does not exactly match the associated specifier, this method returns null. For example, if the associated specifier is `%Y-%m-%dT%H:%M:%SZ`, then the string "2011-07-01T19:15:28Z"
will be parsed as expected, but "2011-07-01T19:15:28"
, "2011-07-01 19:15:28"
and "2011-07-01"
will return null. (Note that the literal Z here is different from the time zone offset directive `%Z`.) If a more flexible parser is desired, try multiple formats sequentially until one returns non-null.
<a name="locale_utcFormat" href="#locale_utcFormat">#</a> <i>locale</i>.<b>utcFormat</b>(<i>specifier</i>) [<>](https://github.com/d3/d3-time-format/blob/master/src/locale.js#L303 "Source")
Equivalent to locale.format, except all directives are interpreted as Coordinated Universal Time (UTC) rather than local time.
<a name="locale_utcParse" href="#locale_utcParse">#</a> <i>locale</i>.<b>utcParse</b>(<i>specifier</i>) [<>](https://github.com/d3/d3-time-format/blob/master/src/locale.js#L308 "Source")
Equivalent to locale.parse, except all directives are interpreted as Coordinated Universal Time (UTC) rather than local time.
<a name="timeFormatLocale" href="#timeFormatLocale">#</a> d3.<b>timeFormatLocale</b>(<i>definition</i>) [<>](https://github.com/d3/d3-time-format/blob/master/src/locale.js "Source")
Returns a locale object for the specified definition with locale.format, locale.parse, locale.utcFormat, locale.utcParse methods. The definition must include the following properties:
dateTime
- the date and time (`%c`) format specifier (<i>e.g.</i>, "%a %b %e %X %Y"
).date
- the date (`%x`) format specifier (<i>e.g.</i>, "%m/%d/%Y"
).time
- the time (`%X`) format specifier (<i>e.g.</i>, "%H:%M:%S"
).periods
- the A.M. and P.M. equivalents (<i>e.g.</i>, ["AM", "PM"]
).days
- the full names of the weekdays, starting with Sunday.shortDays
- the abbreviated names of the weekdays, starting with Sunday.months
- the full names of the months (starting with January).shortMonths
- the abbreviated names of the months (starting with January).
For an example, see Localized Time Axis II.
<a name="timeFormatDefaultLocale" href="#timeFormatDefaultLocale">#</a> d3.<b>timeFormatDefaultLocale</b>(<i>definition</i>) [<>](https://github.com/d3/d3-time-format/blob/master/src/defaultLocale.js "Source")
Equivalent to d3.timeFormatLocale, except it also redefines d3.timeFormat, d3.timeParse, d3.utcFormat and d3.utcParse to the new locale’s locale.format, locale.parse, locale.utcFormat and locale.utcParse. If you do not set a default locale, it defaults to U.S. English.
For an example, see Localized Time Axis.