JSFiddle - React, Tailwind, and code Playground

by kannan ds

HTML

<span id="time"></span>

JavaScript

$(document).ready(function()
{
var d = new Date();
var month = d.getMonth();
var day = d.getDate();
var year = d.getFullYear();
var months = ['January','February','March','April','May','June','July','August','Septempber','October','November','December'];
var minutes = d.getMinutes().toString().length == 1 ? '0'+d.getMinutes() : d.getMinutes();
var hours = d.getHours().toString().length == 1 ? '0'+d.getHours() : d.getHours();
var ampm = d.getHours() >= 12 ? '<sup>PM<sup>' : '<sup>AM<sup>';
document.getElementById("time").innerHTML = d.getDate() + ' ' + months[month]+' '+d.getFullYear()+' '+hours +':'+minutes + ' ' + ampm;
});