En este post de JavaScript te enseñaré a obtener el número de la semana a partir de una fecha.
Esto será para el número de semana que inicia el lunes. Vamos a ver una función de JavaScript que te dirá en qué número de semana estamos según una fecha (misma que puede ser la actual).
Vas a poder usar este código en el lado del cliente con el navegador web, y en el lado del servidor con Node.
Código fuente de la función
He encerrado el comportamiento en una función. La misma recibe una fecha (instancia de Date
) y devuelve el número de la semana. Queda así:
const numeroDeSemana = fecha => {
const DIA_EN_MILISEGUNDOS = 1000 * 60 * 60 * 24,
DIAS_QUE_TIENE_UNA_SEMANA = 7,
JUEVES = 4;
fecha = new Date(Date.UTC(fecha.getFullYear(), fecha.getMonth(), fecha.getDate()));
let diaDeLaSemana = fecha.getUTCDay(); // Domingo es 0, sábado es 6
if (diaDeLaSemana === 0) {
diaDeLaSemana = 7;
}
fecha.setUTCDate(fecha.getUTCDate() - diaDeLaSemana + JUEVES);
const inicioDelAño = new Date(Date.UTC(fecha.getUTCFullYear(), 0, 1));
const diferenciaDeFechasEnMilisegundos = fecha - inicioDelAño;
return Math.ceil(((diferenciaDeFechasEnMilisegundos / DIA_EN_MILISEGUNDOS) + 1) / DIAS_QUE_TIENE_UNA_SEMANA);
};
Con ese código podemos obtener el número de la semana como veremos a continuación.
Número de semana actual
Veamos un ejemplo simple para mostrar el número de la semana actual. El código quedaría así:
const numeroDeSemanaActual = numeroDeSemana(new Date());
console.log("El número de semana es: %d", numeroDeSemanaActual);
Y esa función te dará el número de semana actual. Para hoy, 29 de enero de 2022 el número de la semana es 4.
Número de semana según fecha
Veamos otro caso que sería para obtener el número de semana de cualquier fecha con JS. En ese caso simplemente debemos construir correctamente el objeto que será instancia de Date.
Por ejemplo, para el 26 de diciembre de 2021 crearíamos la fecha así:
const inicio = new Date(2021, 11, 26);
Y luego simplemente invocaríamos a la función que nos dice el número de semana del año en JavaScript.
Nota: en este caso estoy pasando el 11 como mes porque para ese constructor el 0 significa enero y el 11 es diciembre.
Entonces lo único que tienes que hacer es crear un objeto de tipo Date
.
Imprimiendo días con número de semana
Veamos ahora otro ejemplo en donde hacemos un ciclo con las fechas y vamos imprimiendo el número de semana. El código queda así:
const inicio = new Date(2021, 11, 26);
const fin = new Date(2023, 2, 1);
for (; inicio < fin; inicio.setDate(inicio.getDate() + 1)) {
const numero = numeroDeSemana(inicio);
const fechaFormateada = formateador.format(inicio);
console.log(`Para ${fechaFormateada} el número de semana es ${numero} `);
}
La salida es la siguiente (solo puse las primeras líneas):
Por cierto, estoy usando un formateador de fecha para mostrar la fecha como se ve en la salida.
Poniendo todo junto
El código completo del ejemplo y la función junto con el formateador quedan así. Puedes incluir este código en cualquier lugar para saber el número de semana:
const formateador = new Intl.DateTimeFormat('es-MX', { dateStyle: 'long', });
const numeroDeSemana = fecha => {
// https://parzibyte.me/blog
const DIA_EN_MILISEGUNDOS = 1000 * 60 * 60 * 24,
DIAS_QUE_TIENE_UNA_SEMANA = 7,
JUEVES = 4;
fecha = new Date(Date.UTC(fecha.getFullYear(), fecha.getMonth(), fecha.getDate()));
let diaDeLaSemana = fecha.getUTCDay(); // Domingo es 0, sábado es 6
if (diaDeLaSemana === 0) {
diaDeLaSemana = 7;
}
fecha.setUTCDate(fecha.getUTCDate() - diaDeLaSemana + JUEVES);
const inicioDelAño = new Date(Date.UTC(fecha.getUTCFullYear(), 0, 1));
const diferenciaDeFechasEnMilisegundos = fecha - inicioDelAño;
return Math.ceil(((diferenciaDeFechasEnMilisegundos / DIA_EN_MILISEGUNDOS) + 1) / DIAS_QUE_TIENE_UNA_SEMANA);
};
const inicio = new Date(2021, 11, 26);
const fin = new Date(2023, 2, 1);
for (; inicio < fin; inicio.setDate(inicio.getDate() + 1)) {
const numero = numeroDeSemana(inicio);
const fechaFormateada = formateador.format(inicio);
console.log(`Para ${fechaFormateada} el número de semana es ${numero} `);
}
Por aquí te dejo más tutoriales de JavaScript.