Skip to main content
se añadieron 72 caracteres en el cuerpo
Origen Enlace
Agustin G.
  • 2.8k
  • 1
  • 17
  • 50

La idea es que yo recibo una lista de fechas disponibles de una base de datos, necesito comparar esta lista de fechas con todas las fechas desde hoy hasta dentro de 365 dias. Solo las fechas coincidentes son las que se van a mostrar en el calendario, el resto son fechas deshabilitadas. El componente react-date-range solo me permite pasarle un array con disableDates asi que tengo que armar un array al "contrario" del que recibo. Entonces comparo, y toda aquella que NO coincida, la agrego a mi array. Asi lo hice:

La idea es que yo recibo una lista de fechas disponibles de una base de datos, necesito comparar esta lista de fechas con todas las fechas desde hoy hasta dentro de 365 dias. Solo las fechas coincidentes son las que se van a mostrar en el calendario, el resto son fechas deshabilitadas. El componente react-date-range solo me permite pasarle un array con disableDates asi que tengo que armar un array al "contrario" del que recibo. Asi lo hice:

La idea es que yo recibo una lista de fechas disponibles de una base de datos, necesito comparar esta lista de fechas con todas las fechas desde hoy hasta dentro de 365 dias. Solo las fechas coincidentes son las que se van a mostrar en el calendario, el resto son fechas deshabilitadas. El componente react-date-range solo me permite pasarle un array con disableDates asi que tengo que armar un array al "contrario" del que recibo. Entonces comparo, y toda aquella que NO coincida, la agrego a mi array. Asi lo hice:

se añadieron 1530 caracteres en el cuerpo
Origen Enlace
Agustin G.
  • 2.8k
  • 1
  • 17
  • 50

Edito la pregunta para quienes quieren entender el funcionamiento total de esto:

La idea es que yo recibo una lista de fechas disponibles de una base de datos, necesito comparar esta lista de fechas con todas las fechas desde hoy hasta dentro de 365 dias. Solo las fechas coincidentes son las que se van a mostrar en el calendario, el resto son fechas deshabilitadas. El componente react-date-range solo me permite pasarle un array con disableDates asi que tengo que armar un array al "contrario" del que recibo. Asi lo hice:

   useEffect(() => {
      const getDisableDates = async () => {
        if (availability?.total_availabilities?.length > 0) {
          const dates = [];
          const compareDates = availability.total_availabilities;

          for (let i = 0; i < 365; i++) {
            const date = addDays(new Date(), i);
            let found = false;

            await Promise.all(compareDates.map(d => {
              const a = addDays(new Date(d.availability_date), 1).toDateString();
              const b = new Date(date).toDateString();
              if (a === b) {
                found = true;
                return;
              }
            }));

            if (!found) {
              dates.push(date);
            }
          }
          setDisabledDates(dates);
        }
      };

      getDisableDates();
    }, [availability]);

Edito la pregunta para quienes quieren entender el funcionamiento total de esto:

La idea es que yo recibo una lista de fechas disponibles de una base de datos, necesito comparar esta lista de fechas con todas las fechas desde hoy hasta dentro de 365 dias. Solo las fechas coincidentes son las que se van a mostrar en el calendario, el resto son fechas deshabilitadas. El componente react-date-range solo me permite pasarle un array con disableDates asi que tengo que armar un array al "contrario" del que recibo. Asi lo hice:

   useEffect(() => {
      const getDisableDates = async () => {
        if (availability?.total_availabilities?.length > 0) {
          const dates = [];
          const compareDates = availability.total_availabilities;

          for (let i = 0; i < 365; i++) {
            const date = addDays(new Date(), i);
            let found = false;

            await Promise.all(compareDates.map(d => {
              const a = addDays(new Date(d.availability_date), 1).toDateString();
              const b = new Date(date).toDateString();
              if (a === b) {
                found = true;
                return;
              }
            }));

            if (!found) {
              dates.push(date);
            }
          }
          setDisabledDates(dates);
        }
      };

      getDisableDates();
    }, [availability]);
Origen Enlace
Agustin G.
  • 2.8k
  • 1
  • 17
  • 50

Es posible terminar una funcion map dada una condicion?

Tengo este bloque

      await Promise.all(compareDates.map(d => {
          const a = addDays(new Date(d.availability_date), 1).toDateString();
          const b = new Date(date).toDateString();
          if (a === b) {
            found = true;
            return;
          }
        }));

El lint me dice que return; es redundante, y yo lo que quiero hacer es que una vez a === b, salir del map y continuar con el siguiente bloque de código. Si no lo hago puedo seguir iterando entre un montón de elementos innecesariamente.

Intenté reemplazar el map por un for pero no me estaría funcionando dentro de la promesa.