Dada una fecha y la tarea es formatear la fecha actual en formato MM/DD/AAAA HH:MM:SS. Estas son algunas de las técnicas más discutidas con la ayuda de JavaScript.
Enfoque 1:
- Almacene la fecha actual en variable.
- Utilice la técnica de concatenación de strings para insertar / y : entre el mes-día y el día-año.
- Use el método .slice() para formatear el día, mes a 2 dígitos.
Ejemplo 1: Este ejemplo implementa el enfoque anterior.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to format current date in
MM/DD/YYYY HH:MM:SS format ?
</title>
</head>
<body style = "text-align:center;" id = "body">
<h1 id = "h1" style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
Click Here
</button>
<p id = "GFG_DOWN" style = "color:green;
font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var date = new Date();
el_up.innerHTML = "Click on the button to format"
+ " the date accordingly.<br>Date = " + date;
function gfg_Run() {
var Str =
("00" + (date.getMonth() + 1)).slice(-2)
+ "/" + ("00" + date.getDate()).slice(-2)
+ "/" + date.getFullYear() + " "
+ ("00" + date.getHours()).slice(-2) + ":"
+ ("00" + date.getMinutes()).slice(-2)
+ ":" + ("00" + date.getSeconds()).slice(-2);
el_down.innerHTML = Str;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2:
- Almacene la fecha actual en una variable.
- Use el método .join() para insertar / y : entre el mes-día y el día-año.
- Cree un relleno prototipo para formatear el día, el mes en 2 dígitos.
Ejemplo 2: Este ejemplo implementa el enfoque anterior.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to format current date in
MM/DD/YYYY HH:MM:SS format ?
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
Click Here
</button>
<p id = "GFG_DOWN" style = "color:green;
font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var d = new Date();
el_up.innerHTML = "Click on the button to format"
+ " the date accordingly.<br>Date = " + d;
Number.prototype.padding = function(base, chr) {
var len = (String(base || 10).length
- String(this).length) + 1;
return len > 0 ? new Array(len).join(chr || '0')
+ this : this;
}
function gfg_Run() {
str = [(d.getMonth()+1).padding(),
d.getDate().padding(),
d.getFullYear()].join('/')
+ ' ' + [ d.getHours().padding(),
d.getMinutes().padding(),
d.getSeconds().padding()].join(':');
el_down.innerHTML = str;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA