Date formatting fildde

by Alexander Gusman

HTML

<html>

<head>
	<title>Parcel1 Sandbox</title>
	<meta charset="UTF-8" />
</head>

<body>
	<div id="app"></div>
</body>

</html>

JavaScript

const date = new Date("2024-01-01T00:00Z");
const time1 = new Date(date).toLocaleTimeString([], {
  hour: "2-digit",
  minute: "2-digit",
});

const time2 = new Date(date).toLocaleTimeString(undefined, {
  hour: "2-digit",
  minute: "2-digit",
});

const time3 = new Date(date).toLocaleTimeString(navigator.language, {
  hour: "2-digit",
  minute: "2-digit",
});


document.getElementById("app").innerHTML = `
<h1>Hello Vanilla!</h1>
<div>
 Time is ${time1}
 <br />
 Time is ${time2}
 <br />
  Time is ${time3}
</div>`;