Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

260
Vistas
Obtener una matriz de fechas para una semana específica con React DayPicker

Me gustaría poder hacer clic en un número de semana específico en el DayPicker de reacción y recibir una matriz de todas las fechas contenidas en esa semana.

Estoy usando este paquete DayPicker: https://react-day-picker.js.org/

Copié el código de ejemplo de react dayPicker para permitirme hacer clic en una semana específica en un mes: https://react-day-picker.js.org/basics/customization

 import { useState } from 'react' import { DayPicker } from 'react-day-picker' export const WeekPicker = () => { const [weekNumber, setWeekNumber] = useState() const footer = weekNumber ? `You clicked the week n. ${weekNumber}.` : 'Try clicking a week number.' return ( <DayPicker showWeekNumber onWeekNumberClick={setWeekNumber} footer={footer} /> ) }

Puedo ver en el archivo EventHandlers.d.ts que hay un WeekNumberClickEventHandler con la variable llamada fechas; sin embargo, solo puedo acceder a la variable weekNumber

 /**The event handler when the week number is clicked. */ export declare type WeekNumberClickEventHandler = ( /** The week number that has been clicked. */ weekNumber: number, /** The dates in the clicked week. */ dates: Date[], /** The mouse event that triggered this event. */ e: React.MouseEvent) => void;

Cualquier ayuda sería apreciada. Estoy codificando en JS pero me doy cuenta de que el paquete DayPicker está escrito en TS.

about 4 years ago · Santiago Gelvez
1 Respuestas
Responde la pregunta

0

fechas es el segundo argumento en su devolución de llamada

 import { useState } from 'react' import { DayPicker } from 'react-day-picker' export const WeekPicker = () => { const [weekNumber, setWeekNumber] = useState() const footer = weekNumber ? `You clicked the week n. ${weekNumber}.` : 'Try clicking a week number.' return ( <DayPicker showWeekNumber onWeekNumberClick={(weekNumber, dates) => { setWeekNumber(weekNumber); console.log(dates) }} footer={footer} /> ) }
about 4 years ago · Santiago Gelvez Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda