我想当我选择"go only (flight)"时,第二个日历与第一个日历的日期相同?



当我选择"只去(飞行(";,第二个日历与第一个日历的日期相同当我选择aller simple时,2个日历像aller retour一样休息,请帮忙。

<form>&emsp;&emsp;
<div id="aller-r">
<input type="radio" id="aller-retour" name="voyage"  value="aller-retour" checked>
<label for="aller-retour">Aller-retour</label>&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">
&ensp;
<label >De:</label>
<input type="text" id="form" name="form" placeholder="Ville ou Airport" required>&nbsp;
<label >A:</label>
<input type="text" id="to" name="to" placeholder="Ville ou Airport" required>&nbsp;
<label >Depat:</label>
<input type="date" id="depart" name="depart" placeholder="Départ" required >&nbsp;

<script>
depart.min = new Date().toISOString().split("T")[0];
</script>
<label >Retour:</label>&nbsp;
<input type="date" id="retour" name="retour" placeholder="Retour" required>&nbsp;

<label for="class-voy">Class:</label>&nbsp;
<input type="text" id="class-voy" name="class-voy" >&nbsp;
<label>Adults:</label>&nbsp;
<input type="number" id="Adults-nb" value="1" >&nbsp;
<label>Childern:</label>&nbsp;
<input type="number" id="childern-nb" value="0" >

</div>
</form>

选择Aller simple后更改Retour日期。见下文:

...
<input type="date" id="depart" name="depart" placeholder="Départ" onchange="deChange(event);" required >&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>

最新更新