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.
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.
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.
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
.
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.
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.
Hoy te voy a presentar un creador de credenciales que acabo de programar y que…
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Esta web usa cookies.