JSFiddle - React, Tailwind, and code Playground

by Orion

HTML

<p id="Date"></p>

CSS

p {
    color: #fff;
    background: #00b1f3;
    height: 40px;
    width: 100px;
    margin: 20px auto;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
}

JavaScript

function DateTime() {
var d=new Date();
var year=d.getFullYear();
var month=d.getMonth()+1;
var day=d.getDate();
var hour=d.getHours();
var min=d.getMinutes();
// add a zero in front of numbers<10
month=check(month);
day=check(day);
min=check(min);

function check(i) {
if (i<10)
  {
  i="0" + i;
  }
return i;
}

FullDate=year+"-"+month+"-"+day+" "+hour+":"+min;
document.getElementById('Date').innerHTML=FullDate;
}
DateTime()