Zeige Textfeld mit Datumsauswahl, wenn ich Wert der Auswahlbox ändere

Question

Ich möchte Textfeld mit Datumsauswahl zeigen, wenn Wert der Auswahlbox geändert wird. Das ist mein HTML-Code.

<select name="buyrent" id="buyrent" onchange="CheckRent(this.value);" /> 
    <option value="1">Rent</option> 
    <option value="2">Buy</option> 
</select> 
<input type='text' id='start' name='start' class='fieldkecil'/> 
<input type='text' id='end' name='end' class='fieldkecil'/> 

Dies ist mein JavaScript-Code.

<script type="text/javascript"> 
function CheckRent(val){ 
    var element=document.getElementById('start'); 
    if(val=='1') 
    element.style.display='block'; 
    else 
    element.style.display='none'; 
    var element=document.getElementById('end'); 
    if(val=='1') 
    element.style.display='block'; 
    else 
    element.style.display='none'; 
    } 
</script> 

Und das.

<script> 
$(document).ready(function() { 
$('input.fieldkecil').Zebra_DatePicker(); 
}); 
</script> 

Was ich will, ist, wenn ich ‚Mieten, 'start' und 'end' mit zebradatepicker zeigen wählen. Wenn ich "Kaufen" wähle, werden sie sich verstecken. Danke.

Answer 1

verwenden start zu end Datumsauswahl, wenn der zweiten Startdatum des Datumsauswahl ist der Wert der ersten Datumsauswahl + 1

function CheckRent(val){ 
 
    var element=document.getElementById('start'); 
 
    if(val=='1') 
 
    element.style.display='block'; 
 
    else 
 
    element.style.display='none'; 
 
    var element=document.getElementById('end'); 
 
    if(val=='1') 
 
    element.style.display='block'; 
 
    else 
 
    element.style.display='none'; 
 
    } 
 

 
$('#datepicker-example7-start').Zebra_DatePicker({ 
 
    direction: true, 
 
    pair: $('#datepicker-example7-end') 
 
}); 
 

 
$('#datepicker-example7-end').Zebra_DatePicker({ 
 
    direction: 1 
 
});

<link rel="stylesheet" href="http://stefangabos.ro/wp-content/themes/zebra/cache/css/104fc4056ad53fbc1d0eb8dfa97c7010_6871998126.css" type="text/css"> 
 

 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="http://stefangabos.ro/wp-content/themes/zebra/cache/javascript/c3c7293f00563706bd22bc16055aad92_7122815240.js"></script> 
 

 
<select name="buyrent" id="buyrent" onchange="CheckRent(this.value);" > 
 
    <option value="1">Rent</option> 
 
    <option value="2">Buy</option> 
 
</select> 
 

 
<form action="javascript:void(0)" method="post"> 
 
<div> 
 
<span class="Zebra_DatePicker_Icon_Wrapper" id="start"> 
 
    <input id="datepicker-example7-start" type="text" readonly="readonly"> 
 

 
</span> 
 
    <span class="Zebra_DatePicker_Icon_Wrapper" id="end"> 
 
    <input id="datepicker-example7-end" type="text" readonly="readonly"> 
 
    </span> 
 
</div> 
 
</form>