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:
No hay comentarios:
Publicar un comentario