Dada una fecha y la tarea es obtener el mes y la fecha en formato de 2 dígitos. Use métodos de JavaScript para obtener el mes y la fecha en formato de 2 dígitos.
- Método JavaScript getDate(): Este método devuelve el día del mes (del 1 al 31) para la fecha definida.
Sintaxis:
Date.getDate()
Valor devuelto: Devuelve un número, del 1 al 31, que representa el día del mes.
- Método JavaScript getMonth(): este método devuelve el mes (de 0 a 11) para la fecha definida, según la hora local.
Sintaxis:
Date.getMonth()
Valor devuelto: Devuelve un número, del 0 al 11, que representa el mes.
- Método JavaScript String slice(): este método obtiene parte de una string y devuelve las partes extraídas en una nueva string. Utiliza los parámetros de inicio y finalización para definir la parte de la string que se va a extraer. El primer carácter comienza desde la posición 0, el segundo tiene la posición 1 y así sucesivamente.
Sintaxis:
string.slice(start, end)
Parámetros:
- inicio: Este parámetro es obligatorio. Especifica la posición desde donde iniciar la extracción. El primer carácter está en la posición 0
- fin: Este parámetro es opcional. Especifica la posición (excluyéndola) donde detener la extracción. Si no se usa, slice() selecciona todos los caracteres desde la posición inicial hasta el final de la string.
Valor de retorno: Devuelve una string, que representa la parte extraída de la string.
Ejemplo 1: este ejemplo primero obtiene la fecha y el mes y luego los corta correctamente para obtenerlos en formato de 2 dígitos usando el método getDate(), getMonth() y slice() .
<!DOCTYPE HTML>
<html>
<head>
<title>
How to get the Month and Date of
JavaScript in 2 digit 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 today = new Date();
el_up.innerHTML = "Date = " + today;
function gfg_Run() {
var a = new Date();
var month = ("0" + (a.getMonth() + 1)).slice(-2);
var date = ("0" + a.getDate()).slice(-2);
el_down.innerHTML = "Date = " + date + ", Month = " + month;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: este ejemplo crea una función que agrega cero a la fecha si es menor que 10 y también agrega ceros apropiadamente para el mes , usando el método getDate() y getMonth() .
<!DOCTYPE HTML>
<html>
<head>
<title>
How to get the Month and Date of
JavaScript in 2 digit 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 today = new Date();
el_up.innerHTML = "Date = " + today;
function formatDateToString(date) {
var dd = (date.getDate() < 10 ? '0' : '')
+ date.getDate();
var MM = ((date.getMonth() + 1) < 10 ? '0' : '')
+ (date.getMonth() + 1);
return "Date = " + dd + ", Month = " + MM;
}
function gfg_Run() {
var a = new Date();
el_down.innerHTML = formatDateToString(a);
}
</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