Manejo de fechas en JavaScript con el objeto Date

En este artículo aprenderás a utilizar el Objeto Date de JavaScript para el manejo de fechas.

El manejo de fechas y horas son una parte normal de nuestra vida cotidiana y, por lo tanto, ocupan un lugar destacado en la programación web. Con JavaScript puedes crear desde un calendario en tu página web, un horario o una interfaz para configurar citas, etc. Estas aplicaciones deben mostrar los horarios relevantes según la zona horaria actual del usuario o realizar cálculos sobre llegadas y salidas o tiempos de inicio y finalización. Además, es posible que necesites usar JavaScript para generar un informe en un momento determinado todos los días, o filtrar a través de restaurantes y establecimientos actualmente abiertos, entre otras funcionalidades.

Para lograr todas estas funcionalidades y más, JavaScript viene con el objeto Date incorporado y los métodos relacionados. Este tutorial explicará cómo formatear y usar la fecha y la hora en JavaScript.

Otros artículos que te ayudaran aprender JavaScript

• Para que sirve la función replace de JavaScript
• ¿Cuáles son las principales preguntas de javascript en una entrevista de trabajo?
• ¿Cuál es la diferencia entre getElementsByName y getElementById en JavaScript?
• ¿Cómo eliminar etiquetas HTML de una cadena de texto con JavaScript?
• ¿Cómo calcular la distancia entre dos puntos en Google Maps con JavaScript?

El objeto Date de JavaScript

El objeto Date está incorporado en JavaScript y lo que hace es almacenar la fecha y la hora. Proporciona una serie de métodos integrados para formatear y administrar las fechas.

De forma predeterminada, una nueva instancia de fecha sin argumentos proporcionados crea un objeto correspondiente a la fecha y hora actual. Esto se creará de acuerdo con la configuración del sistema de la computadora actual.

Para mostrar la Fecha en JavaScript, creemos una variable y debes asignarle la fecha actual.

// Set variable to current date and time

const now = new Date();

// View the output

now;

Resultado

Wed Sep 19 2018 12:20:34 GMT+0000 (UTC)

Creando objetos de fecha

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

Hay 4 formas de crear un nuevo objeto Date:

new Date()

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

new Date(milisegundos)

new Date(date string)

new Date()

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

var d = new Date();

new Date(año, mes, ...)

new Date (año, mes, ...) 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):

var d = new Date(2018, 11, 24, 12, 33, 30, 0);

Características:

• El mes empieza en 0 que es enero y el 11 es diciembre.
• Sie se quitan los numero de derecha izquierda, por ejemplo, quitamos el 0 se eliminan los milisegundos, quitamos el 30 se eliminan segundos, quitamos el 33 se eliminan minutos y así sucesivamente.

new Date(dateString)

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

var d = new Date("Septiembre 19, 2018 12:13:00");