Formatar Data e hora

dd/mm/yyyy 00:00:00

by Rapha Souza

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!DOCTYPE html>
<html>
<body>

<p>Click the button to return the number of characters in the string "Hello World!".</p>

<button onclick="myFunction()">Try it</button>

<input type="text" id="demo">

<script>



function myFunction() {

// Obtém a data/hora atual
var data = new Date();,

// Guarda cada pedaço em uma variável
var dia     = data.getDate();           // 1-31
var dia_sem = data.getDay();            // 0-6 (zero=domingo)
//var mes     = 10;
var mes     = data.getMonth();          // 0-11 (zero=janeiro)
var ano2    = data.getYear();           // 2 dígitos
var ano4    = data.getFullYear();       // 4 dígitos
var hora    = data.getHours();          // 0-23
var min     = data.getMinutes();        // 0-59
var seg     = data.getSeconds();        // 0-59
var mseg    = data.getMilliseconds();   // 0-999
var tz      = data.getTimezoneOffset(); // em minutos

// Formata a data e a hora (note o mês + 1)
//trata o mes add o 0
var mesc = mes+1;
var strmes= mesc.toString(); 
var meslenght = strmes.length;
if(meslenght == 1){
mesc = '0'+mesc;
}

//trata o dia add o 0
var strdia= dia.toString(); 
var dialenght = strdia.length;
if(dialenght == 1){
dia = '0'+dia;
}

//trata hora add o 0
var strhora = hora.toString(); 
var horalenght = strhora.length;
if(horalenght == 1){
hora = '0'+hora;
}

//trata minuto add o 0
var strmin = min.toString(); 
var minlenght = strmin.length;
if(minlenght == 1){
min = '0'+min;
}

//trata minuto add o 0
var strseg = seg.toString(); 
var seglenght = strseg.length;
if(seglenght == 1){
seg =...

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}