Cambiar el formato de fecha en JavaScript

Shraddha Paghdar 12 octubre 2023
  1. Cambiar el formato de fecha usando Date() en JavaScript
  2. Cambiar el formato de fecha usando DateJS en JavaScript
Cambiar el formato de fecha en JavaScript

Determinar la hora / momento actual es una parte importante de cada aplicación. JavaScript admite un objeto Date que representa un único punto en el tiempo. Los objetos de fecha contienen un número que representa milisegundos desde el 1 de enero de 1970 UTC, también conocido como milisegundos desde la época de Unix. JavaScript proporciona varias formas de obtener una fecha en varios formatos.

Cambiar el formato de fecha usando Date() en JavaScript

Esta es una función integrada en JavaScript que devuelve la cadena de fecha formateada. Cuando se llama new Date(), actúa como un constructor y devuelve el objeto Date en lugar de una cadena formateada. También ofrece varios métodos estáticos como

  • Date.now()
  • Date.parse()
  • Date.UTC()

El objeto Date también admite métodos de instancia como

  • Date.prototype.getDate(): este método devolverá el día del mes en el rango de 1 a 31 para la fecha dada según la hora local.
  • Date.prototype.getMonth(): este método devolverá el mes en el rango de 0 a 11 en la fecha indicada de acuerdo con la hora local. El mes comenzará desde 0.
  • Date.prototype.getYear(): este método devolverá el año en la fecha indicada según la hora local. Devuelve el año normalmente de 2 a 3 dígitos.
  • Date.prototype.getFullYear(): este método devolverá el año como 4 dígitos para los años de 4 dígitos de la fecha dada según la hora local.

Sintaxis de Date() en JavaScript

Date();

Código de ejemplo:

const today = new Date();
const month = [
  'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August',
  'September', 'October', 'November', 'December'
];
const str =
    today.getDate() + ' ' + month[today.getMonth()] + ' ' + today.getFullYear();
console.log(str);

Producción :

18 November 2021

El objeto Fecha integrado anterior le permite cambiar el formato de fecha para que se adapte a sus necesidades. También puede utilizar una biblioteca externa como DateJS.

Cambiar el formato de fecha usando DateJS en JavaScript

JavaScript tiene una biblioteca de fechas de código abierto llamada DateJS para formatear, analizar y procesar. Aprenda a importar DateJS aquí.

Sintaxis de Date.parse() en DateJS

Date.parse($string);

Parámetro de Date.parse()

  • $string: Es un parámetro obligatorio. Este campo acepta cualquier cadena de fecha como today, tomorrow, last Sunday, July 4th, t + 3d, etc. Ver el documento oficial para más información.

Código de ejemplo:

const parsedDate = Date.parse('tomorrow');
console.log(parsedDate);

Producción :

Fri Nov 19 2021

Sintaxis de Date.toString() en DateJS

Date.parse($string);

Parámetro de Date.toString()

  • $string: Es un parámetro opcional. Este campo acepta cualquier cadena de fecha como M/d/yyyy, d-MMM-yyyy, HH:mm, MMMM dS, yyyy, etc. Función predeterminada de JavaScript nativa Date.toString() se llamará si no se proporciona ningún formato.

Código de ejemplo:

const parsedDate = Date.today().toString('MMMM dS, yyyy');
console.log(parsedDate);

Producción :

November 18th, 2021
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

Artículo relacionado - JavaScript Date