Mostrar fechas con JavaScript

Vamos en este pequeño manual a ver varias formas de mostrar en pantalla la fecha actual.

Como sabéis todo script en javascript debe de empezar con <script lenguaje=javascript> para luego cerrarlo al final con </script> y entre estas dos funciones escribiremos todo el script.

<script language="javascript">

Aquí escribiremos nuestro script

</script>

Hay dos partes bien diferenciadas dentro de nuestro script

1.- la creación de variables
2.- la impresión en pantalla

Para la creación de las variables trabajaremos con varios métodos del objeto Date, ya que la fecha que nos ofrecerá el ordenador será siempre de tipo

Sat Dec 9 11:37:51 UTC+0100 2006

Y esto, obviamente, no es lo que queremos que aparezca en nuestra página.

1.- CREACION DE VARIABLES

A cada parte de la fecha, tenemos que asignarle una variable distinta.

Vamos a crear una fecha del tipo: Sábado, 9 de Diciembre de 2006 por lo que necesitamos cuatro variables a las que llamaremos:

textosemana que en este ejemplo sería = sábado
diames que en este ejemplo sería = 9
textomes que en este ejemplo sería = diciembre
ano que en este ejemplo sería = 2006

para la creación de esta fecha (o para otro tipo de impresión tipo 9/12/2006) necesitaremos otras variables, completándose la lista anterior con la siguiente:

diasemana que en este ejemplo sería = 6 (el día de la semana en número, el 0 para el domingo, el 6 para el sábado)
mes que en este ejemplo sería = 12

Y por supuesto, la más importante:

fecha

Empezamos con la creación de las variables:

var fecha=new Date();
a la variable “fecha” le asignamos el valor de la fecha actual

var diames=fecha.getDate();
a la variable “diames” le asignamos el día del mes (del 1 al 31)

var diasemana=fecha.getDay();
a la variable “diasemana” le asignamos el día de la semana en número, siendo 0 el domingo, 1 el lunes, …, 6 el sábado)

var mes=fecha.getMonth() +1 ;
a la variable “mes” le asignamos el día del mes en número (de 0 a 11) y le sumamos 1 para tener el mes tal y como lo utilizamos nosotros (de 1 a 12)

var ano=fecha.getFullYear();
a la variable “ano” le asignamos el año con cuatro cifras.  Si quisiéramos tener el año con dos cifras, el formato sería: var ano=fecha getYear();

Usuarios que han visto este tema también han visto...

- Detectar el bloqueo de mayúsculas
- Detecta versiones de Flash con Javascript
- Links con fade en Javascript
- Mostrar ventana para guardar el HTML
- MozAfterPaint, evento para controlar los cambios en la página

- Versión imprimible de este documento

- Enviar por e-mail este documento