javascript

JavaScript: fecha de inicio y fin de mes

En este post de programación en JavaScript y fechas te mostraré cómo obtener la fecha de inicio del mes actual, y cómo obtener la fecha del fin del mes actual.

Por ejemplo, el mes en el que escribo este post es diciembre, así que te mostraré cómo obtener la fecha del 1 de diciembre del 2020 y cómo obtener el 31 de diciembre del 2020, independientemente del número de días que tiene cada mes.

Adicionalmente te mostraré cómo formatear esa fecha en formato de YYYY-MM-DD, pero recuerda que puedes formatearlo como tú prefieras, pues tendrás el objeto de la clase Date al final.

Por cierto, este código de JavaScript funciona tanto en el navegador como en el servidor usando Node.

Fecha de inicio de mes

Para obtener esta fecha, simplemente obtenemos el año y mes actual. Luego creamos una fecha con ese mismo año y mes, pero especificando el día en 1.

const obtenerFechaInicioDeMes = () => {
 const fechaInicio = new Date();
 // Iniciar en este año, este mes, en el día 1
 return new Date(fechaInicio.getFullYear(), fechaInicio.getMonth(), 1);
};

Obtener fecha de fin de mes en JavaScript

Ahora veamos cómo obtener la fecha del fin de mes usando JS. En este caso seguimos casi lo mismo que el apartado anterior, pero ahora le sumamos 1 al mes, y especificamos el día en 0.

De este modo es como ir al siguiente mes pero menos un día. El código queda así:

const obtenerFechaFinDeMes = () => {
 const fechaFin = new Date();
 // Iniciar en este año, el siguiente mes, en el día 0 (así que así nos regresamos un día)
 return new Date(fechaFin.getFullYear(), fechaFin.getMonth() + 1, 0);
};

Formateando fecha

Hasta este punto ya puedes usar las fechas y formatearlas a tu gusto, yo voy a formatear la fecha en el formato que ya había presentado anteriormente. En este caso la función queda así:

// Esta función simplemente formatea la fecha. Puedes o no usarla, no tiene que ver con el fin e inicio de mes
const formatearFecha = fecha => {
 const mes = fecha.getMonth() + 1;
 const dia = fecha.getDate();
 return `${fecha.getFullYear()}-${(mes < 10 ? '0' : '').concat(mes)}-${(dia < 10 ? '0' : '').concat(dia)}`;
};

Poniendo todo junto: ejemplo

JavaScript – Fecha de inicio y fin de mes actual

Para terminar el post, veamos todas las funciones juntas así como un ejemplo:

/*
 https://parzibyte.me/blog
*/// Esta función simplemente formatea la fecha. Puedes o no usarla, no tiene que ver con el fin e inicio de mes
const formatearFecha = fecha => {
 const mes = fecha.getMonth() + 1;
 const dia = fecha.getDate();
 return `${fecha.getFullYear()}-${(mes < 10 ? '0' : '').concat(mes)}-${(dia < 10 ? '0' : '').concat(dia)}`;
};

const obtenerFechaInicioDeMes = () => {
 const fechaInicio = new Date();
 // Iniciar en este año, este mes, en el día 1
 return new Date(fechaInicio.getFullYear(), fechaInicio.getMonth(), 1);
};

const obtenerFechaFinDeMes = () => {
 const fechaFin = new Date();
 // Iniciar en este año, el siguiente mes, en el día 0 (así que así nos regresamos un día)
 return new Date(fechaFin.getFullYear(), fechaFin.getMonth() + 1, 0);
};

// Momento de probar
const fechaInicio = obtenerFechaInicioDeMes();
const fechaFin = obtenerFechaFinDeMes();
const fechaInicioFormateada = formatearFecha(fechaInicio);
const fechaFinFormateada = formatearFecha(fechaFin);
console.log(`El inicio de mes es ${fechaInicioFormateada} y el fin es ${fechaFinFormateada}`);

También puedes leer más sobre JavaScript en mi blog.

Te repito que en este caso el ejemplo puede ser usado en el servidor o el cliente.

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Entradas recientes

Creador de credenciales web – Aplicación gratuita

Hoy te voy a presentar un creador de credenciales que acabo de programar y que…

17 horas hace

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

1 semana hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

1 semana hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

1 semana hace

Errores de Comlink y algunas soluciones

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…

1 semana hace

Esperar promesa para inicializar Store de Pinia con Vue 3

En este artículo te voy a enseñar cómo usar un "top level await" esperando a…

1 semana hace

Esta web usa cookies.