Este pequeño articulo realiza un enfoque del manejo de fechas en JavaScript, aqui se colocaran ciertos códigos utiles de ejemplo.
1. Basicamente el manejo de las fechas en JavaScript esta definido por el uso de la clase Date(), la cual
instaciada por un objeto puede traernos la hora, minutos, segundos, dia de la semana [numero], mes, año, en fin todo lo relacionado al tiemopo. 
Esta clase maneja basicamente las siguentes Funciones / Metodos.
Manejo de Fecha
- getDate() –> para obtener el dia con todos los juguetes. [fecha] + hora GTM
- getDay() –> Para obtener el dia de la semana [numero]
- getMonth() –> Para obtener el mes [numero] — este empieza por cero ya que es un Array
- getYear() –> Para obtener el año Actual restandole 1900 [desde que comenzo]
- getFullYear() –> Para obtener el año Actual en formato AAAA [este es el mas recomendable]
Manejo de Hora
- getHours() –> Para obtener la hora
- getMinutes() –> Para obtener los minutos
- getSeconds() –> Para obtener los segundos
- getTime() –> Para obtener los milisegundos
Bueno basicamente el uso de la clase Date() nos trae eso …
Ejemplos para el uso de la clase Date()
1. Obtener fecha Normalilla
/****
*@Nombre Funcion: mostrarFecha()
*@Descripcion : Esta funcion se encarga de mostrar la fecha en la pagina HTML al ser invocada
***/function mostrarFecha( ){
ahora = new Date( );
anoActual = ahora.getYear( );
mesActual = ahora.getMonth( );
mesActual = (mesActual < 9)?”0″ + mesActual : mesActual;
diaActual = ahora.getDate( );
diaActual = (diaActual < 9)?”0″ + diaActual : diaActual;
//Estructura de la fecha
Fecha = anoActual + “-” + mesActual + “-” + diaActual;
document.write(Fecha); //Retorno del resultado
}
2. Obtener fecha compuesta por los nombres de los dias y los meses del año
/****
*@Nombre Funcion: mostrarFechaCompuesta()
*@Descripcion : Esta funcion muestra la fecha con los nombres de los dias y los meses
***/function mostrarFechaCompuesta(){
nombreMes = new Array (“Enero”, “Febrero”, “Marzo”, “Abril”,”Mayo”,”Junio”,”Julio”,”Agosto”,”Septiembre”,”Octubre”,”Noviembre”,”Diciembre”);
nombreDia = new Array (“Domingo”,”Lunes”,”Martés”,”Miércoles”,”Jueves”,”Viernes”,”Sábado”,”Domingo”);
ahora = new Date( );
anoActual = ahora.getYear( );
mesActual = ahora.getMonth( );
diaActual = ahora.getDate( );
diaSemana = fecha.getDay( );
Fecha= nombreDia[diaSemana] + “, ” + diaActual + ” de ” + nombreMes[mesActual] + ” de ” + anoActual;
document.write(Fecha);//Retorno el resultado en pantalla
}//Cierra la funcion mostrarFechaCompuesta
3. Obtener hora en formato HH:SS:MM
/***
*@Nombre Funcion: mostrarHora()
*@Descripcion : Esta funcion se emcarga de mostrar la hora en formato HH:MM:SS
***/function mostrarHora( ){ //Muestra la hora
tiempo = new Date();
hora = tiempo.getHours();
minuto = tiempo.getMinutes();
segundo = tiempo.getSeconds();
estado = (hora < 12)? ” AM ” : ” PM”;
horaActual = ((hora < 9)?”0″ + hora : hora) + “:”;
horaActual += ((minuto < 9)?”0″ + minuto : minuto) + “:”;
horaActual += (segundo < 9)?”0″ + segundo : segundo + estado;
document.write(horaActual);//Retorno resultado en pantalla
}//Cierra la funcion Mostrar hora
4. Obtener hora con el efecto de reloj sobre el contenido HTML
- Codigo JavaScript
/*
*================================================================
* @Nombre : reloj.js
* @Descripcion : Muestra el reloj en la pagina
* @Autor : Anonymous
*================================================================*
*///Por defecto se inicia la variable de correrTiempo en false
correrTiempo = false;
//funcion obtenerHora
function obtenerHora(){
//Aqui creamos instanciamos la clase para obtener la hora
ahora = new Date();
hora = ahora.getHours();
estado = (hora = 0 && hora = 12 && hora <= 18){
saludo = ” Buenas tardes, “;
}else{
saludo = ” Buenas noches, “;
}
hora = (hora <= 9)?”0″ + hora : hora ;
hora = (hora <= 12)? hora : (hora – 12);
minuto = ahora.getMinutes();
minuto = (minuto <= 9)?”0″ + minuto : minuto;
segundo = ahora.getSeconds();
segundo = (segundo<= 9)?”0″ + segundo: segundo;
horaActual = saludo + hora + “:” + minuto + “:” + segundo + estado;
return horaActual;
}
//funcion obtenerFecha
function obtenerFecha(){
//Aqui creamos dos variables de tipo array las cuales van a guardar los valores de los mese y los dias
nombreMes = new Array(“Enero”,”Febrero”,”Marzo”,”Abril”,”Mayo”,”Junio”,”Julio”,”Agosto”,”Septiembre”,”Octubre”,”Noviembre”,”Diciembre”);
nombreDia = new Array(“Domingo”,”Lunes”,”Martes”,”Miercoles”,”Jueves”,”Viernes”,”Sabado”,”Domingo”)
//Aqui se instancia la clase Date la cual permite obtener los valores de fecha
ahora = new Date();
ano = ahora.getFullYear();
mes = ahora.getMonth();
diaSemana = ahora.getDay();
dia = ahora.getDate();
fechaActual = nombreDia[diaSemana] + ” ” + dia + ” de ” + nombreMes[mes] + ” de ” + ano;
return fechaActual;
}
//funcion mostrarReloj
function mostrarReloj(){
horaSistema = obtenerHora();
fechaSistema = obtenerFecha();
armarReloj = fechaSistema + “
” + horaSistema;
window.document.getElementById(“reloj”).innerHTML = armarReloj;
setTimeout(“mostrarReloj()”, 1000);
}
//funcion detenerReloj
function detenerReloj(){
if (correrTiempo){
correrTiempo = false;
}
}
//funcion iniciarReloj
function iniciarReloj(){
detenerReloj();
mostrarReloj();
correrTiempo = true;
}
- Codigo HTML.
<body onload=”iniciarReloj()”>
<!– Aqui se muestra el reloj en la capa –>
<div id=”reloj”></div>
</body>
Greetings By [D-m-K]
