Mostrar fecha del sistema

Para obtener los diversos componentes que nos interesan primero tenemos que crear un objeto que los contenga. Este objeto se llama Date y para crearlo se usa el operador new. Dicho operador lo usaremos siempre que necesitemos crear un objeto, independientemente de su tipo.

El objeto creado debe ser guardado en una variable, para usarlo posteriormente y opcionalmente es posible asignarle parámetros de inicializacion.

variable = new tipo [parametros];

Una vez que disponemos del objeto almacenado en una variable, podemos usar los métodos de dicho objeto y obtener de el una serie de datos como: getDay(), getDate(), getMonth(), getYear(), getHours() y getMinutes(). Hay que anotar que nos estamos refiriendo a los métodos del objeto Date() el cual ya esta guardado en una variable, asi que pondremos el nombre de la variable un punto y luego uno de los métodos.

1. Poner hora

hoy = new Date();
document.write(hoy.getHours() + ':' + hoy.getMinutes());

Todo este codigo lo hemos puesto en el cuerpo del documento en el lugar donde queremos mostrar la fecha del sistema asi...

La hora actual es:

2. Poner la fecha

dia = new Array('Domingo','Lunes','Martes','Miercoles','Jueves','Viernes','Sabado');
mes = new Array('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Setiembre','Octubre','Noviembre','Diciembre');
document.write(dia[hoy.getDay()] + ', ' + hoy.getDate() + ' de ' + mes[hoy.getMonth()] + ' del ' + (hoy.getYear()+1900));

Tener en cuenta que para getDay() 0=Domingo, para getMonth() 0=Enero y para getYear 0=1900.

La fecha de hoy es:

... y listo ya tendrás ese dato en tu pagina.

Si quieres ver un segundo ejemplo, donde parte del código lo pongo en el encabezado y luego una llamada en el cuerpo del documento, en el lugar donde quiero mostrar la fecha, clic aquí.

3. Sobre un botón

Aquí otro pequeño ejemplo en el propio botón:

4. A consecuencia de hacer clic sobre el botón

Aquí otro pequeño ejemplo