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

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.