28 Abr Métodos imprescindibles para trabajar con fechas en Javascript
Hay una gran cantidad y variedad de métodos existentes para trabajar con fechas.
Cuando te poner a mirar en la bibliografía el tipo de información que devuelve cada uno entonces me pongo un poco nervioso.
Lo mejor es ser pragmáticos. Vamos a ello.
El primer paso de todos es declarar una fecha según la siguiente expresión:
var fecha = new Date( )
Atención:
- ¡la D es mayúscula!
- La palabra new es una palabra típica en otros lenguajes de programación como Java. Se uso para declarar un nuevo objeto mediante un constructor.
- En esta expresión estamos asignando a la variable fecha la hora del ordenador.
Para un nivel introductorio lo mejor es tener tu propio compendio de métodos y usar siempre los mismos.
Y en caso necesario crearte una función para formatear las fechas según a ti te guste.
Te comparto el mío.
Métodos para obtener información de las fechas
Partiendo de la hora que en que genera una hipotètica fecha almacenada en la variable d:
- d.getDay(); devuelve un número del 0 al 6 dónde el 0 es domingo y el 6 es sábado.
- d.getDate(); devuelve un número que representa el día del mes en el que nos encontramos.
- d.getMonth(); devuelve un número del 0 al 11 dónde el 0 es enero y el 11 es diciembre.
- d.getFullYear(); devuelve el año en formato 2018.
- d.getMinutes(); devuelve minutos.
- d.getHours(); devuelve las horas en formato 0-23.
- d.getSeconds(); devuelv esegundos.
Métodos para crear tus propias fechas
Creada una fecha almacenada en una variable d2.
- d2.setMonth(4); actualizaría la fecha a abril.
- d2.setYear(50); actualizaría el año a 1950 (siempre empieza a partir de 1900)
- d2.setFullYear(2020); actualizaría el año a 2020
- d2.setMinutes(15); actualizaría los minutos a 15.
- d2.setHours(20); actualizaría a las 8 de la tarde.
- d2.setSeconds(01); actualizaría a 1 segundo.
A partir de aquí sólo sería necesario crear tu propia función que devuelve una fecha según sea tu interés.
Hacer notar que existe la forma
var fecha = new Date(«02-05-2020» )
Que devolvería el 5 de febrero de 2020.
Pero no es compatible con todos los navegadores. (probar con Safari)
Formatear tus propias fechas
La idea es crear una función personalizada a tu gusto tipo
function obtenerFecha(){ var d = new Date(); document.write(«Son las » + d.getHours() + » horas » + d.getMinutes() + » minutos » + d.getSeconds() + » segundos»); }
Por último indicar que existen mucho más métodos que no he mencionado. En general todos aquellos que llevan la palabra UTC.
Te animo a pasarte por una bibliografía más completa para que tu mismo valores que es lo que te interesa mejor.
Y hasta aquí mi resumen para trabajar con fechas.
Sólo faltaría ver algunos ejemplos para acabar de hacer nuestro el código. Pero lo dejo para otro día.
¡Hasta mañana!
Entradas relacionadas:
El término escapar un carácter en Javascript sin duda da un poquito de yuyu. En realidad una palabra poco atractiva para algo muy práctico. El concept...
Resumimos las funciones setInterval(), clearInterval y setTimeout(). Cuales son sus parámetros, que es una función anónima y como la llamamos.
En este ejercicio practicamos la diferencia entre usar un string y una variable. También otras normas básicas de sintaxis de javascript.
Ejercicio con solución de la serie ejercicios javascript puro dónde se muestra como modificar el href de todos los enlaces de una web.
Ejemplo de programación de una ventana emergente con Javascript. Incluye solución. Serie de ejercicios tutorial javascript del curso ifcd0110
Ejercicio javascript avanzado que crea una lista de la compra y almacena la información mediante cookies. Incluye solución.
No hay comentarios