JSFiddle - React, Tailwind, and code Playground

by ecmanaut

JavaScript

function datetime(locale = 'en-us', date = new Date()) {
  const formatter = new Intl.DateTimeFormat(locale, {
    year: 'numeric',
    month: 'numeric',
    day: 'numeric',
    hour: 'numeric',
    minute: 'numeric',
    second: 'numeric'
  });
  const p = formatter.formatToParts(date);
  return p.map(({type, value})=>[`<span style="color:${type === 'literal' ? 'black' : 'red'};">${value}</span>`]).join('');
}

document.body.innerHTML = ['sv-se', 'ja-jp', 'en-us', 'en-ca', 'fr-fr'].map((l) => `${l}: ${datetime(l)}`).join('<br />');