Блог

хотите, чтобы,когда я выберу «только полет (рейс)», второй календарь совпадал с датой первого календаря, когда я выбрал aller-просто 2 календаря, как у aller-повторите, пожалуйста, помогите.

                   <form>amp;emsp;amp;emsp;
              <div id="aller-r">
                        <input type="radio" id="aller-retour" name="voyage"  value="aller-retour" checked>
                        <label for="aller-retour">Aller-retour</label>amp;ensp;
                      </div>
                      <div id="aller-s">
<!--only go-->
                        <input type="radio" id="aller-simple" name="voyage" value="aller-simple">
                        <label for="aller-simple">Aller-simple</label><br>
                      </div>
                    
                  </form>
              </div><br><br><be>
<form  >
               
                        <div class="de-a">
                              amp;ensp;
                              <label >De:</label>
                              <input type="text" id="form" name="form" placeholder="Ville ou Airport" required>amp;nbsp;
                              <label >A:</label>
                              <input type="text" id="to" name="to" placeholder="Ville ou Airport" required>amp;nbsp;
                              <label >Depat:</label>
                              <input type="date" id="depart" name="depart" placeholder="Départ" required >amp;nbsp;
                            
                                  <script>
                                    depart.min = new Date().toISOString().split("T")[0];
                                  </script>
                              <label >Retour:</label>amp;nbsp;
                              <input type="date" id="retour" name="retour" placeholder="Retour" required>amp;nbsp;
                              
                              <label for="class-voy">Class:</label>amp;nbsp;
                              <input type="text" id="class-voy" name="class-voy" >amp;nbsp;
                              <label>Adults:</label>amp;nbsp;
                              <input type="number" id="Adults-nb" value="1" >amp;nbsp;
                              <label>Childern:</label>amp;nbsp;
                              <input type="number" id="childern-nb" value="0" >
                              
                        </div>
                    </form>
 

При выборе параметра Aller-simple измените дату повторной проверки. Смотреть ниже:

 ...

    <input type="date" id="depart" name="depart" placeholder="Départ" onchange="deChange(event);" required >amp;nbsp;
                                    
    <script>
    function deChange(e){
       if(document.getElementById("aller-simple").checked){
          document.getElementById('retour').value = document.getElementById('depart').value
       }
    }
    depart.min = new Date().toISOString().split("T")[0];
    </script>

...
 

Я также рекомендовал onchange бы отредактировать событие с переключателем, чтобы учесть изменения после факта:

 <div id="aller-s">
    <input type="radio" id="aller-simple" name="voyage" value="aller-simple"    onchange="deChange(event)">
    <label for="aller-simple">Aller-simple</label><br>
</div>