lunes, 13 de enero de 2014

Tutorial Javascript parte 12 - El Objeto Date (Obtener fecha y hora)




Bienvenid@s a una nueva parte del tutorial de Javascript, hoy vamos a ver el objeto Date() y vamos a manejar algunos de sus métodos para obtener la fecha y la hora.

Crea un nuevo archivo y guárdalo como date.js en la carpeta javascript y embebe este nuevo archivo js en el index.html ...

<!DOCTYPE HTML>
<html>
<head>
<script src="javascript/date.js"></script>
</head>
<body>
</body>
</html>


Los métodos que vamos a utilizar para obtener la fecha:

  • getDay() : retorna el día de la semana a partir de un dígito entre el 0 al 6. Al 0 le corresponde el Domingo, al 1 le corresponde el Lunes, ...
  • getDate() : retorna el día del mes a partir de un dígito entre el 1 y el 31.
  • getMonth() : retorna el mes del año a partir de un dígito entre el 0 y el 11. Al 0 le corresponde Enero, al 1 le corresponde Febrero, ...
  • getFullYear() : retorna el año con 4 dígitos


Los métodos que vamos a utilizar para obtener la hora:

  • getHours(): retorna la hora
  • getMinutes(): retorna los minutos
  • getSeconds(): retorna los segundos


En el siguiente ejemplo vamos a obtener la fecha y hora actual, copia y pega el siguiente código en date.js y guárdalo ...

/*
FECHA:

getDay() -> Retorna el día de la semana a partir de un dígito del 0 al 6
getDate() -> Retorna el día del mes a partir de un dígito del 1 al 31
getMonth() -> Retorna el mes del año a partir de un dígito del 0 al 11
getFullYear() -> Retorna el año con 4 dígitos

*/

var fecha = new Date();

var dia_semana = [
"Domingo",
"Lunes",
"Martes",
"Miércoles",
"Jueves",
"Viernes",
"Sábado"
];

var mes = [
"Enero",
"Febrero",
"Marzo",
"Abril",
"Mayo",
"Junio",
"Julio",
"Agosto",
"Septiembre",
"Octubre",
"Noviembre",
"Diciembre"
];

var dame_fecha = "Hoy " + dia_semana[fecha.getDay()] + ", " + fecha.getDate() + " de " + mes[fecha.getMonth()] + " del " + fecha.getFullYear();
document.write("<p>" + dame_fecha + "</p>");

/*
HORA:

getHours -> retorna la hora
getMinutes -> retorna los minutos
getSeconds -> retorna los segundos

*/

var hora = new Date();
var dame_hora = hora.getHours() + ":" + hora.getMinutes() + ":" + hora.getSeconds();
document.write("<p>" + dame_hora + "</p>");


Ahora si abres index.html debe mostrarte la fecha y hora actual: