Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

126
Visualizações
How to display number of sunday's between the dates on the ReactJS application

I'm trying build app on ReactJS to display number of Sundays between the dates when click on submit button. I've take start date and end date as input date and button in side a form. I'm unable to get an idea how to incorporate in submitHandler and display. Below is my code

 import React from 'react'
    import {useState} from 'react'
    
    const Calculate = () => {
      const [inputDate,setInputDate] = useState({
        sdate:'',
        edate:'',
      });
      
      const onChangeHandler = (e)=>{
          let name =e.target.name
          let value = e.target.value
    
    
        const Calculate = () => {
          const [inputDate,setInputDate] = useState({
            sdate:'',
            edate:'',
          });
          
          const onChangeHandler = (e)=>{
              let name =e.target.name
              let value = e.target.value
              setInputDate({...inputDate,[name]:value})
          }
          const submitHandler=(e)=>{
            e.preventDefault();
            
          }
    
          return (
            <div>
              <form action="">
                <div>
                  <div>
                    <label htmlFor="">Start Date</label>
                    <input type="date" name="sdate"  onChange={onChangeHandler}/>
                  </div>
                  <div>
                    <label htmlFor="">End Date</label>
                    <input type="date" name="edate" onChange={onChangeHandler}/>
                  </div>
                  <button>Submit</button>
                </div>
              </form>
            </div>
          )
        }
    
        export default Calculate
    
    <!-- end snippet -->
    
          setInputDate({...inputDate,[name]:value})
      }
      const submitHandler=(e)=>{
        e.preventDefault();
        
      }
    
      return (
        <div>
          <form action="">
            <div>
              <div>
                <label htmlFor="">Start Date</label>
                <input type="date" name="sdate"  onChange={onChangeHandler}/>
              </div>
              <div>
                <label htmlFor="">End Date</label>
                <input type="date" name="edate" onChange={onChangeHandler}/>
              </div>
              <button>Submit</button>
            </div>
          </form>
        </div>
      )
    }
    
    export default Calculate

Looking for help here. Thank you

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda