Skip to content

Parse and format times, inspired by strptime and strftime.

License

Notifications You must be signed in to change notification settings

DionisioSF/d3-time-format

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

d3-time-format

This module is a JavaScript implementation of the venerable strptime and strftime functions from the C standard library. (These functions are also available in Python’s time module.)

For example:

var f = format("%Y-%m-%d");
f(new Date(2011, 0, 1)); // "2011-01-01"
f.parse("2011-01-01"); // Sat Jan 01 2011 00:00:00 GMT-0800 (PST)

Implementing a conditional format using time intervals:

var formatMillisecond = format(".%L"),
    formatSecond = format(":%S"),
    formatMinute = format("%I:%M"),
    formatHour = format("%I %p"),
    formatDay = format("%a %d"),
    formatWeek = format("%b %d"),
    formatMonth = format("%B"),
    formatYear = format("%Y");

function multiFormat(date) {
  return (second(date) < date ? formatMillisecond
      : minute(date) < date ? formatSecond
      : hour(date) < date ? formatMinute
      : day(date) < date ? formatHour
      : month(date) < date ? (week(date) < date ? formatDay : formatWeek)
      : year(date) < date ? formatMonth
      : formatYear)(date);
}

Installing

If you use NPM, npm install d3-time-format. Otherwise, download the latest release.

API Reference

# format(specifier)

An alias for locale.format on the default locale. While this method generates output for U.S. English-speaking humans by default, humans in other locales may be served using localeFormat or by editing index.js and rebuilding.

# utcFormat(specifier)

An alias for locale.utcFormat on the default locale. While this method generates output for U.S. English-speaking humans by default, humans in other locales may be served using localeFormat or by editing index.js and rebuilding.

# isoFormat

The full ISO 8601 UTC time format function.

Where available, this method will use Date.toISOString to format and the Date constructor to parse strings. If you depend on strict validation of the input format according to ISO 8601, you should construct a time format explicitly instead:

var isoFormat = utcFormat("%Y-%m-%dT%H:%M:%S.%LZ");

# locale.format(specifier)

Returns a new format function for the given string specifier. The specifier string may contain the following directives:

  • %a - abbreviated weekday name.
  • %A - full weekday name.
  • %b - abbreviated month name.
  • %B - full month name.
  • %c - the locale’s date and time, such 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 - Sunday-based week of the year as a decimal number [00,53].
  • %w - Sunday-based weekday as a decimal number [0,6].
  • %W - Monday-based week of the year as a decimal number [00,53].
  • %x - the locale’s date, such as %m/%d/%Y.
  • %X - the locale’s time, such 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 percent sign (%).

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. (In some implementations of strftime and strptime, a directive may include an optional field width or precision; this feature is not yet implemented.)

The % sign indicating a directive may be immediately followed by a padding modifier:

  • 0 - zero-padding
  • _ - space-padding
  • - - disable padding

If no padding modifier is specified, the default is 0 for all directives except %e, which defaults to _.

# locale.utcFormat(specifier)

Equivalent to locale.format, except all directives are interpreted as Coordinated Universal Time (UTC) rather than local time.

# format(date)

Formats the specified date, returning the corresponding string.

var formatMonth = format("%B"),
    formatDay = format("%A"),
    date = new Date(2014, 4, 1); // Thu May 01 2014 00:00:00 GMT-0700 (PDT)

formatMonth(date); // "May"
formatDay(date); // "Thursday"

# format.parse(string)

Parses the 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 string 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.

The %d and %e format specifiers are considered equivalent for parsing.

# format.toString()

Returns this format’s specifier.

# localeFormat(definition)

Returns a locale object for the specified definition, with locale.format and locale.utcFormat methods. The locale definition must include the following properties:

  • dateTime - the date and time (%c) format specifiers (e.g., "%a %b %e %X %Y").
  • date - the date (%x) format specifiers (e.g., "%m/%d/%Y").
  • time - the time (%X) format specifiers (e.g., "%H:%M:%S").
  • periods - the A.M. and P.M. equivalents (e.g., ["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).

The following locale definitions are available in the source:

To change the default locale, edit index.js and run npm run prepublish.

Changes from D3 3.x:

  • Removed format.multi.

  • Renamed format.utc to utcFormat.

About

Parse and format times, inspired by strptime and strftime.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%