javascript

Número de semana con JavaScript

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):

Número de semana con JavaScript a partir de una fecha

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.

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…

2 días 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.