Skip to main content
100%

Gist 489e9ac301a5022e6e8c60236df7e875

✓ Published0🌍 Public
Aamazingandyyy
Last edited Dec 17, 2019
Created on Dec 17, 2019

This example demonstrates how JavaScript’s built-in `Date` object can format and extract the current time in various human-readable styles, including date-only, time-only, and localized strings. It also shows a custom function that converts a 24-hour hour value to a 12-hour format with `am`/`pm` suffixes, producing a concise string like “12-17 at 2pm” alongside the full locale-specific time. The code uses native `Date` methods such as `toDateString`, `toTimeString`, `toLocaleDateString`, `toLocaleTimeString`, and getters like `getMonth`, `getDate`, and `getHours`. It relies on the browser’s or Node.js’s JavaScript runtime without external libraries.

AI-generated description

Similar vizzes

Loading thumbnail…

JavaScript Date Format

This example demonstrates the JavaScript `dateFormat` library, which formats dates and times using customizable mask patterns. It shows how to apply masks like `shortDate`, `longDate`, and `isoDateTime` to produce strings such as `m/d/yy` or `yyyy-mm-dd'T'HH:MM:ss`. The code defines a closure-based formatter with regex token parsing and supports UTC conversion, internationalized day and month names, and common presets. It also extends `Date.prototype` with a `.format()` method for direct usage. The data source is the current date or any user-supplied date, processed through `Date.parse`.

Aabonello
71% match
Loading thumbnail…

All the parts we use to convert dates on the page to local times

This example shows a set of JavaScript functions that convert date and time displays on a webpage into a user’s local timezone, and also classifies the age of each timestamp relative to the current moment. The code uses the jQuery library to select and modify DOM elements, calling methods like `$.parseUTCDate` and `$.edate.timeAgoInWords` to handle date parsing and formatting. It assigns CSS classes such as `age-new` or `age-fresh` based on the computed time difference, and updates the text content of each timestamp span accordingly. The data source is the timestamp text within the page’s HTML elements, processed entirely client-side.

CCaged
71% match
Loading thumbnail…

Gist 79280caf928b23ee59ac2acd56d84be6

This example converts a conference schedule exported from Excel into a localized timetable by manipulating the displayed time values. It shows how the original EDT-based event times are recalculated to reflect the viewer’s timezone, using the browser’s `Date` object and `getTimezoneOffset()` to compute the offset. The script targets specific spreadsheet cells via `document.querySelector` and replaces the “EDT” label with “CET,” while adjusting each event’s hour and minute through string parsing. No external visualization libraries are used; the approach relies purely on vanilla JavaScript DOM manipulation.

UUtopiah
68% match
Loading thumbnail…

List of all JavaScript timezones (date.toString()) on linux node.js

This visualization lists every JavaScript timezone on a Linux node.js system, displaying the output of date.toString() for each zoneinfo file. For each timezone, it shows the local date and time for January 1, 2014 and September 1, 2014, including the GMT offset and abbreviated timezone name. The data highlights differences between winter and summer time, revealing which zones observe daylight saving time. For example, Pacific/Auckland shifts from GMT+1300 (NZDT) in January to GMT+1200 (NZST) in September, while Pacific/Chatham changes from GMT+1345 (CHADT) to GMT+1245 (CHAST). The example uses the node.js runtime on Linux to enumerate and display the output of date.toString() for every timezone in the system's zoneinfo database.**List of all JavaScript timezones (date.toString()) on linux node.js** This visualization enumerates all timezones available in a Linux Node.js environment by running `date.toString()` for two fixed dates—January 1, 2014 and September 1, 2014—on each zone. Each entry shows the zone name followed by the resulting JavaScript date string, revealing the UTC offset and abbreviated timezone label. The side-by-side comparison of January and September outputs highlights seasonal changes, exposing daylight-saving transitions (e.g., Pacific/Auckland shifts from GMT+1300 NZDT to GMT+1200 NZST) as well as zones with constant offsets. The list is generated from the system’s /usr/share/zoneinfo database, making it a comprehensive reference for how Node.js formats timezone names and offsets on Linux. A gist by abonello.

Aabonello
67% match
Loading thumbnail…

JavaScript/TypeScript: print relative times with no dependencies. e.g. "3 minutes ago", "1 week ago"

This example demonstrates how to format relative time strings like “3 minutes ago” or “1 week ago” using the native JavaScript `Intl.RelativeTimeFormat` API. It defines a `formatDate` function that calculates the time difference between a given `Date` and the current moment, then selects the appropriate unit—seconds, minutes, hours, days, weeks, months, or years—based on the elapsed duration. The code uses no external dependencies, relying solely on TypeScript and the built-in `Intl.RelativeTimeFormat` with `numeric: "auto"` for human-friendly output.

TTommasoAmici
63% match
Loading thumbnail…

Gist 58ea1113852500390cf7cb5f0bd2d88c

This example demonstrates two JavaScript methods for converting between JavaScript objects and JSON format. It uses the native `JSON.parse()` function to transform a JSON string into an object, then accesses its properties to display "John, 30" via `document.getElementById().innerHTML`. A second example uses `JSON.stringify()` to convert a JavaScript array of names into a JSON string for output. The code relies on standard JavaScript APIs and renders results directly into HTML elements, illustrating basic data serialization without external libraries.

MMistyBlunch
63% match
Loading thumbnail…

fresh block

This example demonstrates how to parse a date string containing a timezone offset and extract its local time components using D3’s time parsing utilities. It converts an ISO-like timestamp with a UTC offset into a JavaScript Date object via `d3.timeParse`, then reassembles the hours and minutes into a new string with a different format. The code uses `d3.timeParse` twice, first with a format that includes the offset and second without it, but does not render any visualization.

MMathReynaud
62% match
Loading thumbnail…

Simple Custom Time Formats with D3 V4

This example demonstrates how D3’s time scale and axis can be customized to display different date-time formats depending on the temporal granularity, such as milliseconds, seconds, minutes, hours, days, weeks, months, or years. It uses D3 v4’s `d3.axisBottom` with a custom `multiFormat` function that conditionally applies format specifiers from `d3.timeFormat` based on the interval between ticks. The data domain spans a single day from January 1, 2000, rendered as an SVG with margins and a 960x500 canvas. The code leverages `d3.timeSecond`, `d3.timeMinute`, `d3.timeHour`, `d3.timeDay`, `d3.timeWeek`, `d3.timeMonth`, and `d3.timeYear` for comparisons, providing a clear hierarchy of time labels.

FFasani
62% match