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 parametros de inicializacion.

variable = new tipo [parametros];

Una vez que disponemos del objeto almacenado en una variable, podemos usar los metodos 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 metodos 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 metodos.

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 tendras ese dato en tu pagina.

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

3. Sobre un boton

Aqui otro pequeño ejemplo en el propio boton:

4. A consecuencia de hacer clic sobre el boton

Aqui otro pequeño ejemplo