Cómo obtener la fecha en formato DD/mm/aaa yyyy en JavaScript?

Cómo obtener la fecha en formato DD/mm/aaa yyyy en JavaScript?
Trabajar con fechas es uno de los obstáculos más comunes para enfrentar como programador, y JavaScript no es diferente. Diferentes aplicaciones o programas requieren que formatemos el valor de la fecha de manera diferente. Pero gracias a que JavaScript es tan fácil y amigable para el programador, podemos formatear fácilmente la fecha utilizando las funciones incorporadas de JavaScript.

En este tutorial, vamos a formatear la variable de fecha en "dd/mm/aaa"Usando estos métodos incorporados:

  • Getfulfyear (): Devuelve como el año completo en formato de cuatro dígitos
  • getMonth (): Devuelve el mes de una variable de fecha, recuerde que el mes comienza desde 0 para enero, por lo que debe agregar 1 para evitar confusión
  • obtener la fecha(): Nos devuelve la fecha del mes de una variable de fecha

Creación de una nueva variable de fecha en JavaScript

Para comenzar, primero necesitamos una fecha para que simplemente vamos a usar el objeto de fecha para obtener la fecha actual, y vamos a almacenarlo dentro de una variable "fecha actual". Para esto, use la siguiente línea:

var currentDate = new Date ();

Ahora, podemos obtener el formato actual de esta variable de fecha recién creada utilizando el registro de consola:

Este no es el formato, por lo que vamos a trabajar en esto ahora paso a paso.

Obtener un mes en el formato correcto "MM"

Primero obtengamos el mes de esta fecha utilizando el getMonth () funcionan como

var mes = CurrentDate.getMonth () + 1;

Hemos agregado 1 a nuestro mes porque el mes en la variable de fecha comienza desde 0. Después de eso, debemos asegurarnos de que el mes no esté en un solo dígito, por lo que inducimos la siguiente verificación:

Si (mes < 10) month = "0" + month;

Esto cambiaría el mes de un solo dígito en dos dígitos, o podemos en el formato "mm".

Obtener fecha en el formato correcto "DD"

Vamos a buscar la fecha del mes usando el obtener la fecha() función:

var dateOfMonth = CurrentDate.obtener la fecha();

Luego verificamos una fecha de un solo dígito y la convertimos en dos dígitos usando la siguiente línea:

if (dateOfMonth < 10) dateOfMonth = "0" + dateOfMonth;

Ahora también tenemos nuestra fecha en el formato correcto.

Obtener un año en el formato correcto "aaa"

Finalmente, obtenemos nuestro año a partir de la variable de fecha utilizando el método GetFulfyear () como

var año = CurrentDate.Getfulfyear ();

GetFulfyear () devuelve el año en el "yyy" formato. Por lo tanto, no necesitamos ponerle un chequeo.

Compilar la fecha completa en el formato correcto

Finalmente, necesitamos poner todos estos 3 componentes de nuestro "fecha"Juntos en una nueva variable utilizando la siguiente línea de código:

var formatteddate = dateOfMonth + "/" + mes + "/" + año;

Al final, use la función de registro de la consola para imprimir el "formateado"En la consola como:

consola.log (FormattedDate);

El fragmento de código completo es el siguiente:

var currentDate = new Date ();
consola.log (CurrentDate);
var mes = CurrentDate.getMonth ();
Si (mes < 10) month = "0" + month;
var dateOfMonth = CurrentDate.obtener la fecha();
if (dateOfMonth < 10) dateOfMonth = "0" + dateOfMonth;
var año = CurrentDate.Getfulfyear ();
var formatteddate = dateOfMonth + "/" + mes + "/" + año;
consola.log (FormattedDate);

Tras la ejecución obtendrá la siguiente salida en su pantalla:

Conclusión

La conversión de una variable de fecha en un formato específico puede parecer muy desalentador al principio. Pero el formato de fecha se puede lograr muy fácilmente utilizando la función incorporada que viene con ES6 JavaScript. En esta publicación de tutorial, aprendimos a formatear una fecha en formato DD/MM/AAAYY usando las tres funciones básicas: GetMonth (), GetDate y Getfulfyear ().