Skip to main content
100%

JavaScript Date Format

✓ Published0🌍 Public
Aabonello
Last edited Jun 8, 2012
Created on Dec 30, 2021

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`.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 489e9ac301a5022e6e8c60236df7e875

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.

Aamazingandyyy
71% match
Loading thumbnail…

Validate date in JavaScript (dd/mm/yyyy format)

This example demonstrates a client-side JavaScript function that validates a date entered in dd/mm/yyyy format within an HTML form. It reads the value from an input field via `document.getElementById`, splits it into day, month, and year components using `parseInt`, and checks for numeric values, positive ranges, month limits, and day counts per month. The validation accounts for leap years by checking divisibility by 4 and uses a hardcoded `daysPerMonth` array to enforce maximum days. It returns `false` and displays an `alert` with an error message when validation fails, or `true` for a valid date.

Aackuser
62% 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
61% 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
60% match
Loading thumbnail…

d3js Exercice 1 - number formats

This example demonstrates how d3-format creates number formatting functions from format specifiers, testing values like 2.9971832 against descriptors such as `.1f`, `.2s`, and others. It also shows the default locale being overridden with French formatting rules, changing decimal separators to commas and thousands separators to periods. The code loads only the d3-format module and uses `document.writeln` to output results in a preformatted block. A commented section illustrates the same library working in Node.js.

JJeromeMouly
60% match
Loading thumbnail…

Get dates in between two dates with JavaScript.

This example shows how to generate an array of all dates between a given start and end date using plain JavaScript. It defines a `getDates` function that iterates from the start date, pushing each date into an array, and increments the current date by one day using a custom `addDays` helper that leverages the native `Date` object and its `setDate` method. The code then demonstrates usage with two sample dates, logging each resulting date to the console. It relies solely on the standard JavaScript `Date` API, with no external libraries.

Aabonello
60% 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
59% match
Loading thumbnail…

Gist ad9b930cb1a6b840d214474df3c4770f

This visualization shows a network of interconnected nodes arranged in a circular layout, with links drawn as curved lines between them. The example demonstrates date parsing in JavaScript, converting string-formatted dates into proper Date objects within each data element. Using D3.js, the code likely employs d3.forceSimulation for node positioning and d3.linkHorizontal or similar path generators for the curved connections. The rendering approach relies on SVG elements, with the parsed dates potentially influencing node styling or link properties. The gist focuses on preprocessing data before visualization, highlighting the importance of format conversion in D3 workflows.

Aabonello
58% match