Bienvenidos sean a este post, hoy hablaremos sobre un objeto que nos permite trabajar con horas y fechas en Javascript.
Aclaracion: Este objeto lo trabaja en milisegundos comenzando desde el 01/01/1970 a las 00:00:00 en adelante pero no puede trabajar con fechas anteriores, lo que habitualmente se denomina tiempo UNIX
Para representar los meses utiliza los valores del 0 al 11, siendo 0 igual a enero y 11 diciembre, para los dias utiliza los valores del 0 al 6, siendo 0 igual a domingo y 6 igual a sabado, veamos algunas de las sintaxis basicas para crear un objeto date.
Para crear un objeto simple con la hora y fecha actual:
nuevoObjeto = new Date();
Para crear un objeto con una fecha especificada, en formato cadena:
nuevoObjeto = new Date("mes, dia, año");
Para crear un objeto con una fecha y hora especificada:
nuevoObjeto = new Date("mes, dia, año, horas:minutos:segundos");
Para crear un objeto con una fecha en formato entero:
nuevoObjeto = new Date(año, mes, dia);
Como crear un objeto de fecha y hora con formato entero:
nuevoObjeto = new Date(año, mes, dia, hora, minutos, segundos);
Hablemos sobre algunos metodos disponibles para este objeto:
- getDate(), devuelve el dia del objeto Date actual
- getDay(), devuelve el dia de la semana del objeto Date actual
- getMonth(), devuelve el mes del objeto Date
- getYear(), devuelve el año del objeto Date
- getHours(), devuelve la hora del objeto Date
- getMinutes(), devuelve los minutos del objeto Date
- getSeconds(), devuelve los segundos del objeto Date
- getTime(), devuelve la hora completa del objeto Date
- getTimezoneOffset(), devuelve la diferencia local y la hora GMT en un numero entero que representa el numero de minutos
- parse(fecha), devuelve los milisegundos pasados desde el 01/01/1970 a las 00:00 hasta la fecha informada, la nombrada hora Unix
- setDate(dia), establece el dia del mes en el objeto Date
- setMonth(mes), establece el mes del objeto Date
- setYear(año), establece el año del objeto Date y debe ser mayor a 1990
- setHours(hora), establece la hora del objeto Date
- setMinutes(minutos), establece los minutos del objeto Date
- setSeconds(segundos), establece los segundos del objeto Date
- toGMTString(), devuelve el valor de Date en forma de cadena usando las convenciones de Internet y con la zona horaria GMT
- tolocalString(), devuelve el valor del objeto Date actual en formato de cadena con las convenciones de tiempo locales
- UTC(año,mes,dia,hora,minutos,segundos), devuelve el numero de milisegundos que transcurrieron desde el inicio de la hora Unix hasta la fecha informada
- eval(), evalua la cadena como una sentencia en referencia al objeto Date
- valueOf(), convierte el valor a su tipo primitivo
- toString(), devuelve una cadena que representa al Date
Veamos un ejemplo simple para entender el manejo de la hora y fecha por medio de Javascript:
<html>
<head>
<title>Ejemplo de Date()</title>
</head>
<body>
<script lanaguage="javascript">
<!--
var fecha = new Date();
document.write("<center>");
document.write("<h1>Resultado de los metodos de Date()</h1>");
document.write("Valor fecha: " + fecha + "<br>");
document.write("parse(): " + Date.parse(fecha) + "<br>");
document.write("getTimeOffset(): " + fecha.getTimezoneOffset() + "<br>");
document.write("getDate(): " + fecha.getDate() + "<br>");
document.write("getMonth(): " + fecha.getMonth() + "<br>");
document.write("getYear(): " + (fecha.getYear() + 1900) + "<br>");
document.write("toGMTString(): " + fecha.toGMTString() + "<br>");
document.write("UTC(): " + Date.UTC(2019,10,22,17,55,00) + "<br>");
document.write("</center>");
//-->
</script>
</body>
</html>Este ejemplo es bien simple, primero crearemos una variable llamada fecha a la cual le asignaremos un objeto Date y que tome la hora actual, mostraremos un poco de texto y nuestra primera accion real mostrara el valor asignado a fecha, luego usaremos a parse donde vemos la sintaxis porque no es un metodo que se aplica a la variable sino se usa al objeto Date luego el parse y en el parentesis el valor informado por medio de fecha, despues usamos a getTimezoneOffset y este nos devolera la diferencia entre nuestra zona horaria y el GMT en minutos, despues tendremos tres lineas que nos mostraran: el dia (getDate), el mes (getMonth) y el año (getYear) respectivamente, luego usamos a toGMTString para convertirlo en formato GMT y por ultimo usamos UTC (observen que el uso es similar a parse) pero en este caso le informamos una fecha en el formato: año, mes, dia, hora, minutos y segundos, si lo grabamos y abrimos con el browser obtendremos el siguiente resultado
Observen como quedo nuestra salida, un par de datos curiosos que no mencione antes, en el caso del getMonth para Julio nos devolvio el numero 6 en lugar del 7 pero esto es debido a que el metodo empieza a contar desde cero, es decir que enero corresponde al cero y no al uno por eso esta corrido, y en el caso de getYear no te devuelve el año sino al año informado menos 1900, en este caso 119 pero si observan el codigo yo le sume 1900 para que nos muestre el año correctamente.
En resumen, hoy hemos visto el objeto Date, hoy hemos visto como ingresar sus datos correctamente, sus sintaxis correctas, algunos de los metodos disponibles, un ejemplo donde pusimos algunos en practica, espero les haya sido util sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.
Tengo un Patreon donde podes acceder de manera exclusiva a material para este blog antes de ser publicado, sigue los pasos del link para saber como.
Tambien podes donar
Es para mantenimiento del sitio, gracias!
$1.50
El blog de Tinchicus 