El objeto Date le permite trabajar con fechas (años, meses, días, horas, minutos, segundos y milisegundos)
JavaScript formatos de fecha
A fecha de JavaScript puede ser escrito como una cadena:
Dom Nov 06 06:57:46 GMT el año 2016 + 0800 (中国标准时间)
o como un número:
1478386666530
Fechas escritas como números, especifica el número de milisegundos desde el 1 de enero de 1970, 00:00:00.
Viendo fechas
En este tutorial se utiliza una secuencia de comandos para mostrar fechas dentro de un <p> elemento con id="demo" :
Ejemplo
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Date();
</script>
Inténtalo tú mismo " El script de arriba dice: asignar el valor de Date() con el contenido ( innerHTML ) del elemento con id="demo" .
Usted aprenderá cómo mostrar una fecha, en un formato más legible, en la parte inferior de esta página.
Creación de objetos de fecha
El objeto Date nos permite trabajar con fechas.
A la fecha se compone de un año, un mes, un día, una hora, un minuto, un segundo y milisegundos.
Fecha objetos se crean con la new Date() constructor.
Hay 4 formas de iniciar una fecha:
new Date()
new Date(milliseconds)
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)
Usando new Date() , crea un nuevo objeto Date con la fecha y hora actual:
Ejemplo
<script>
var d = new Date();
document.getElementById("demo").innerHTML =
d;
</script>
Inténtalo tú mismo " Utilizando la nueva fecha (cadena de fecha), se crea un nuevo objeto fecha de la fecha y hora especificadas:
Ejemplo
<script>
var d = new Date("October 13, 2014 11:13:00");
document.getElementById("demo").innerHTML =
d;
</script>
Inténtalo tú mismo " cadenas de fecha válidos (formatos de fecha) se describen en el siguiente capítulo.
Utilizando la nueva fecha (número), crea un nuevo objeto de fecha como tiempo cero más el número.
Cero tiempo es 01 January 1970 00:00:00 UTC . El número se especifica en milisegundos:
Ejemplo
<script>
var d = new Date(86400000);
document.getElementById("demo").innerHTML =
d;
</script>
Inténtalo tú mismo " fechas de JavaScript se calculan en milisegundos desde 01 Enero, 1970 00:00:00 Tiempo Universal (UTC). Un día milisegundo contiene 86.400.000.
El uso de new Date (7 números), crea un nuevo objeto Date con la fecha y la hora especificadas:
Los 7 valores especifican el año, mes, día, hora, minuto, segundo y milisegundo, por este orden:
Ejemplo
<script>
var d = new Date(99,5,24,11,33,30,0);
document.getElementById("demo").innerHTML =
d;
</script>
Inténtalo tú mismo " Las variantes del ejemplo anterior nos permiten omitir cualquiera de los últimos 4 parámetros:
Ejemplo
<script>
var d = new Date(99,5,24);
document.getElementById("demo").innerHTML = d;
</script>
Inténtalo tú mismo " JavaScript meses cuenta de 0 a 11. Enero es 0. diciembre es 11.
fecha Métodos
Cuando se crea un objeto Date, una serie de métodos le permiten operar en él.
Fecha métodos le permiten obtener y establecer el año, mes, día, hora, minuto, segundo y milisegundo de objetos, utilizando la hora local o UTC (Universal, o GMT).
Fecha métodos se tratan en un capítulo posterior.
Viendo fechas
Al mostrar un objeto de fecha en HTML, se convierte automáticamente en una cadena, con el toString() método.
Ejemplo
<p id="demo"></p>
<script>
d = new Date();
document.getElementById("demo").innerHTML = d;
</script>
Es lo mismo que:
<p id="demo"></p>
<script>
d = new Date();
document.getElementById("demo").innerHTML = d.toString();
</script>
Inténtalo tú mismo " El toUTCString() método convierte una fecha en una cadena UTC (un estándar de visualización de la fecha).
Ejemplo
<script>
var d = new Date();
document.getElementById("demo").innerHTML =
d.toUTCString();
</script>
Inténtalo tú mismo " El toDateString() método convierte una fecha a un formato más legible:
Ejemplo
<script>
var d = new Date();
document.getElementById("demo").innerHTML =
d.toDateString();
</script>
Inténtalo tú mismo " Fecha objetos son estáticos. El tiempo en la computadora está en marcha, pero los objetos de fecha, una vez creado, no lo son.
Zonas horarias
Al establecer una fecha, sin especificar la zona horaria, JavaScript utilizará la zona horaria del navegador.
Al conseguir una fecha, sin especificar la zona horaria, el resultado se convierte a la zona horaria del navegador.
En otras palabras: si se crea una fecha / hora GMT (Greenwich Mean Time), la fecha / hora se convertirá en CST (Central de Estados Unidos Hora de verano) si un usuario navega desde el centro de Estados Unidos.
Leer más acerca de las zonas horarias en los próximos capítulos.
Ponte a prueba con los ejercicios!
Ejercicio 1 » Ejercicio 2» Ejercicio 3 »