La tarea es formatear la fecha actual en formato dd/mm/yyyy usando JavaScript. Vamos a discutir algunos métodos.
Primeros métodos para saber
- 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 getFullYear() de JavaScript :
este método devuelve el año (cuatro dígitos para las fechas entre el año 1000 y el 9999) de la fecha definida.
Sintaxis:Date.getFullYear()
Valor devuelto:
Devuelve un número, que representa el año de la fecha definida - 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 partes 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. - método replace() :
este método busca en una string un valor definido, o una expresión regular, y devuelve una nueva string con el valor definido reemplazado.
Sintaxis:string.replace(searchVal, newvalue)
Parámetros:
- searchVal: este parámetro es obligatorio. Especifica el valor, o expresión regular, que se va a reemplazar por el nuevo valor.
- valor nuevo: este parámetro es obligatorio. Especifica el valor con el que reemplazar el valor de búsqueda.
Valor devuelto:
Devuelve una nueva string donde los valores definidos han sido reemplazados por el nuevo valor.
Ejemplo 1: este ejemplo da formato a la fecha en dd/mm/aaaa comprobando tanto la fecha como el mes. Si no están en 2 dígitos, se agrega el cero para convertirlos en 2 dígitos.
<!DOCTYPE HTML>
<html>
<head>
<title>
JavaScript
| How to get current formatted date dd/mm/yyyy.
</title>
</head>
<body style="text-align:center;"
id="body">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"
style="font-size: 15px;
font-weight: bold;">
</p>
<button onclick="gfg_Run()">
get Date
</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 = today;
var dd = today.getDate();
var mm = today.getMonth() + 1;
var yyyy = today.getFullYear();
if (dd < 10) {
dd = '0' + dd;
}
if (mm < 10) {
mm = '0' + mm;
}
var today = dd + '/' + mm + '/' + yyyy;
function gfg_Run() {
el_down.innerHTML = today;
}
</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 primero corta la parte de la fecha del objeto de fecha y luego formatea la fecha en dd/mm/yyyy.
<!DOCTYPE HTML>
<html>
<head>
<title>
JavaScript
| How to get current formatted date dd/mm/yyyy.
</title>
</head>
<body style="text-align:center;"
id="body">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"
style="font-size: 15px;
font-weight: bold;">
</p>
<button onclick="gfg_Run()">
get Date
</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 = today;
function gfg_Run() {
var date = today.toJSON().slice(0, 10);
var nDate = date.slice(8, 10) + '/'
+ date.slice(5, 7) + '/'
+ date.slice(0, 4);
el_down.innerHTML = nDate;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
JavaScript es mejor conocido por el desarrollo de páginas web, pero también se usa en una variedad de entornos que no son de navegador. Puede aprender JavaScript desde cero siguiendo este tutorial de JavaScript y ejemplos de JavaScript .
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA