Tutorial JS

JS INICIO JS Introducción JS Dónde Salida JS Declaraciones JS Sintaxis JS Comentarios JS Variables JS JS Vamos Constante JS Operadores JS Aritmética JS Tarea JS Tipos de datos JS Funciones JS Objetos JS Eventos JS Cadenas JS Métodos de cadena JS Búsqueda de cadenas JS Plantillas de cadena JS Números JS Métodos numéricos JS Matrices JS Métodos de matriz JS Clasificación de matriz JS Iteración de matriz JS Constante de matriz JS Fechas JS Formatos de fecha JS Métodos de obtención de fecha JS Métodos de configuración de fechas JS Matemáticas JS JS al azar Booleanos JS Comparaciones JS Condiciones JS Interruptor JS Bucle JS para Bucle JS para entrada Bucle JS para de Bucle JS mientras descanso JS Iterables JS Conjuntos JS Mapas JS JS Tipo de Conversión de tipo JS JS bit a bit JS expresión regular Errores JS Alcance JS JS Elevación Modo estricto JS JS esta palabra clave Función de flecha JS Clases JS JSJSON Depuración JS Guía de estilo JS Prácticas recomendadas de JS Errores JS Rendimiento JS Palabras reservadas de JS

Versiones JS

Versiones JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Borde Historia de JS

Objetos JS

Definiciones de objetos Propiedades del objeto Métodos de objeto Visualización de objetos Accesores de objetos Constructores de objetos Prototipos de objetos Objeto iterables Conjuntos de objetos Mapas de objetos Referencia de objeto

Funciones JS

Definiciones de funciones Parámetros de función Invocación de función Llamada de función Función Aplicar Cierres de funciones

Clases JS

Introducción a la clase Herencia de clase Clase estática

JS asíncrono

Devoluciones de llamada JS JS asíncrono Promesas JS JS asíncrono/espera

JS HTML DOM

Introducción al DOM Métodos DOM Documento DOM Elementos DOM DOM HTML Formularios DOM DOM CSS Animaciones DOM Eventos DOM Oyente de eventos DOM Navegación DOM Nodos DOM Colecciones DOM Listas de nodos DOM

Lista de materiales del navegador JS

Ventana JS Pantalla JS Ubicación de JS Historia de JS Navegador JS Alerta emergente JS Tiempo JS Galletas JS

API web de JS

Introducción a la API web API de formularios web API de historial web API de almacenamiento web API de trabajo web API de búsqueda web API de geolocalización web

JS AJAX

Introducción a AJAX AJAX XMLHttp Solicitud AJAX Respuesta AJAX Archivo XML AJAX AJAXPHP Ajax ASP Base de datos AJAX Aplicaciones AJAX Ejemplos de AJAX

JSJSON

Introducción JSON Sintaxis JSON JSON frente a XML Tipos de datos JSON Análisis JSON Cadena JSON Objetos JSON Matrices JSON Servidor JSON JSONPHP JSONHTML JSON JSONP

JS frente a jQuery

Selectores jQuery HTML de jQuery CSS de jQuery DOM de jQuery

Gráficos JS

Gráficos JS Lienzo JS JS Trazado Gráfico JS.js Gráfico de Google JS JS D3.js

Ejemplos de JS

Ejemplos de JS JS HTML DOM Entrada HTML JS Objetos JS HTML Eventos JS HTML Navegador JS Editor JS Ejercicios JS Prueba JS Certificado JS

Referencias JS

Objetos JavaScript Objetos HTML DOM


Objetos de fecha de JavaScript


JavaScript Date Object nos permite trabajar con fechas:

Sáb 29 de enero de 2022 21:14:41 GMT+0000 (Tiempo universal coordinado)

Ejemplo

const d = new Date();

Salida de fecha de JavaScript

De forma predeterminada, JavaScript utilizará la zona horaria del navegador y mostrará una fecha como una cadena de texto completo:

Sáb 29 de enero de 2022 21:14:41 GMT+0000 (Tiempo universal coordinado)

Aprenderá mucho más sobre cómo mostrar fechas, más adelante en este tutorial.


Creación de objetos de fecha

Los objetos de fecha se crean con el new Date()constructor.

Hay 4 formas de crear un nuevo objeto de fecha:

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

nueva fecha()

new Date()crea un nuevo objeto de fecha con la fecha y hora actuales :

Ejemplo

const d = new Date();

Los objetos de fecha son estáticos. El tiempo de la computadora corre, pero los objetos de fecha no.


nueva fecha ( año, mes, ... )

new Date(year, month, ...)crea un nuevo objeto de fecha con una fecha y hora especificadas .

7 números especifican año, mes, día, hora, minuto, segundo y milisegundo (en ese orden):

Ejemplo

const d = new Date(2018, 11, 24, 10, 33, 30, 0);

Nota: JavaScript cuenta los meses del 0 al 11 :

enero = 0 .

diciembre = 11 .

Especificar un mes superior a 11 no generará un error, pero agregará el desbordamiento al año siguiente:

Especificando:

const d = new Date(2018, 15, 24, 10, 33, 30);

Es lo mismo que:

const d = new Date(2019, 3, 24, 10, 33, 30);

Especificar un día superior al máximo no dará como resultado un error, pero agregará el desbordamiento al mes siguiente:

Especificando:

const d = new Date(2018, 5, 35, 10, 33, 30);

Es lo mismo que:

const d = new Date(2018, 6, 5, 10, 33, 30);

Usar 6, 4, 3 o 2 números

6 números especifican año, mes, día, hora, minuto, segundo:

Ejemplo

const d = new Date(2018, 11, 24, 10, 33, 30);

5 números especifican año, mes, día, hora y minuto:

Ejemplo

const d = new Date(2018, 11, 24, 10, 33);

4 números especifican año, mes, día y hora:

Ejemplo

const d = new Date(2018, 11, 24, 10);

3 números especifican año, mes y día:

Ejemplo

const d = new Date(2018, 11, 24);

2 números especifican año y mes:

Ejemplo

const d = new Date(2018, 11);

No puede omitir el mes. Si proporciona solo un parámetro, se tratará como milisegundos.

Ejemplo

const d = new Date(2018);

Siglo anterior

Los años de uno y dos dígitos se interpretarán como 19xx:

Ejemplo

const d = new Date(99, 11, 24);

Ejemplo

const d = new Date(9, 11, 24);

nueva fecha ( cadena de fecha )

new Date(dateString)crea un nuevo objeto de fecha a partir de una cadena de fecha :

Ejemplo

const d = new Date("October 13, 2014 11:13:00");

Las cadenas de fecha se describen en el siguiente capítulo.


JavaScript almacena fechas como milisegundos

JavaScript almacena las fechas en milisegundos desde el 1 de enero de 1970 a las 00:00:00 UTC (hora universal coordinada).

La hora cero es el 1 de enero de 1970 a las 00:00:00 UTC.

Ahora el tiempo es: 1643490881837 milisegundos después del 01 de enero de 1970


nueva fecha ( milisegundos )

new Date(milliseconds)crea un nuevo objeto de fecha como tiempo cero más milisegundos :

Ejemplo

const d = new Date(0);

01 de enero de 1970 más 100 000 000 000 milisegundos es aproximadamente 03 de marzo de 1973:

Ejemplo

const d = new Date(100000000000);

01 de enero de 1970 menos 100 000 000 000 milisegundos es aproximadamente el 31 de octubre de 1966:

Ejemplo

const d = new Date(-100000000000);

Ejemplo

const d = new Date(86400000);

Un día (24 horas) son 86 400 000 milisegundos.



Métodos de fecha

Cuando se crea un objeto Fecha, varios métodos le permiten operar en él.

Los métodos de fecha le permiten obtener y establecer el año, mes, día, hora, minuto, segundo y milisegundo de los objetos de fecha, utilizando la hora local o la hora UTC (universal o GMT).

Los métodos de fecha y las zonas horarias se tratan en los siguientes capítulos.


Visualización de fechas

JavaScript generará (por defecto) las fechas en formato de cadena de texto completo:

Ejemplo

Sat Jan 29 2022 21:14:41 GMT+0000 (Coordinated Universal Time)

Cuando muestra un objeto de fecha en HTML, se convierte automáticamente en una cadena, con el toString()método.

Ejemplo

const d = new Date();
d.toString();

El toUTCString()método convierte una fecha en una cadena UTC (un estándar de visualización de fechas).

Ejemplo

const d = new Date();
d.toUTCString();

El toDateString()método convierte una fecha a un formato más legible:

Ejemplo

const d = new Date();
d.toDateString();

El toISOString()método convierte un objeto Date en una cadena, utilizando el formato estándar ISO:

Ejemplo

const d = new Date();
d.toISOString();

Referencia completa de fechas de JavaScript

Para una referencia de fecha completa, vaya a nuestro:

Referencia de fecha de JavaScript completa .

La referencia contiene descripciones y ejemplos de todas las propiedades y métodos de fecha.