trisquel

Aprende JavaScript con ejemplos (XI). Las fechas en JavaScript

Las fechas en JavaScript se pueden visualizar como un número o un string. Veamos un ejemplo de una fecha visualizada como cadena de caracteres.

 
<p id="fecha"></p>
<script>
document.getElementById("fecha").innerHTML = Date();
</script>

El resultado de visualizar la fecha actual con el script anterior sería algo parecido a esto:

Mon Jun 27 2016 10:35:12 GMT+0200 (CEST)

¿Cómo crear un objeto de tipo fecha?

En JavaScript tenemos 4 formas diferentes (4 constructores diferentes) de inicializar un objeto de tipo fecha:

  • new Date()
  • new Date(milisegundos)
  • new Date(fechaString)
  • new Date(año, mes, día, horas, minutos, segundos, milisegundos)

Veamos algunas formas de utilizar estos constructores:

var v = new Date(99,8,16,10,25,12,0);
var v = new Date(92500000);
var v = new Date();

Recuerda…
Para transformar una fecha en String deberás utilizar el método toString().
Ejercicio 11.1

Investiga cómo funcionan y pon un ejemplo de los métodos toUTCString() y toDateString()

Formatos de tipo fecha

  • Formato corto
  • Formato largo
  • Formato Completo
  • Formato ISO

Veamos un ejemplo de cada uno de estos tipos:

  • Formato corto: var v = new Date(“08/16/2016″);
  • Formato largo: var v = new Date(“Ago 16 2016″);
  • Formato completo: var v = new Date(“Fri Ago 16 2016 12:25:24 GMT+0100 (W. Europe Standard Time)”);
  • Formato ISO: var v = new Date(“2016-08-16″);
Ejercicio 11.2

Investiga cómo funcionan y pon un ejemplo de las siguientes zonas horarias: PDT, MST Y UTC

Métodos de tipo fecha

De nada nos sirve un objeto de tipo fecha sin sus correspondientes métodos que lo hagan potente y versátil. En JavaScript, los objetos tipo fecha tienen los siguientes métodos que permiten ser manejados de una manera eficiente en cualquier script.

  • getDate(). Obtiene el día del mes (1-31).
  • getDay(). Obtiene el día de la semana en formato numérico (0-6).
  • getFullYear(). Obtiene el año (2016 por ejemplo).
  • getHours().
  • getMilliseconds().
  • fetMinutes().
  • getMonth().
  • getSeconds().
  • getTime(). Obtiene la hora en milisegundos desde el 1 de enero de 1970.
Ejercicio 11.3

Realiza un script que extraiga el mes y el año de una fecha concreta.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>