En este post voy a mostrarte una forma de formatear la fecha (o en términos específicos un objeto de tipo Date
) en JavaScript.
No vamos a usar el método toLocaleString
ni parecidos, crearemos un método propio ya que aunque hay métodos que pueden servir mejor, en ocasiones es necesario formatear la fecha en JavaScript de acuerdo a un formato manual.
Nota: si tú prefieres usar un método más elegante puedes usar DateTimeFormat de JS.
Los objetos que son una instancia de Date tienen algunos métodos importantes. Entre ellos:
getFullYear: obtiene el año de 4 dígitos por ejemplo 2020
getMonth: obtiene el mes como un entero, comenzando en 0 para enero y terminando en 11 para diciembre
getDate: obtiene el día del mes, del 1 al 31 (en caso de que el mes tenga 31 días)
Así que con esto ya podemos crear nuestro propio formateador en forma de función. Por cierto, este método también funciona para la hora, pero eso será cosa de otro post.
Te voy a mostrar la función que uso para formatear la fecha en el formato YYYY-MM-DD por ejemplo 2020-03-21
(con cero a la izquierda incluido en caso de ser necesario). La función queda así:
Lo que estoy haciendo es obtener el mes y el día por separado. Al mes le sumo 1. Después utilizo las plantillas de cadena o backticks (${}
) para evaluar si el mes es menor a diez para agregarle un cero a la izquierda.
Hago lo mismo con el día (excepto lo de sumarle 1), y regreso el resultado de concatenar todo ello, usando también guiones para unirlos.
Ahora veamos el código completo con una pequeña prueba.
Si quieres puedes ejecutarlo en línea.
Con este método puedes formatear la fecha a tu modo y a tu gusto. En lugar de guiones podrías usar barras /
o también podrías colocar primero el día, luego el mes, el año, etcétera.
Si te gusta JavaScript te invito a aprender más en mi blog.
El plugin para imprimir en impresoras térmicas alcanza hoy su versión 3.4.0 agregando soporte para…
En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…
Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…
Hoy vamos a ver programar la impresión de un PDF generado a partir de HTML…
En este tutorial básico de JavaScript con HTML vamos a ver cómo llenar una lista…
En este artículo se presenta una guía para imprimir un PDF a partir de una…
Esta web usa cookies.