{source}
<!-- You can place html anywhere within the source tags -->
<div class="suchdiv_home">
<p id="kott">Ihren Urlaub in einem unserer Selbstversorger-Ferienhäuser finden!</p>
<form name="quickfind" action="buchen/kontakt" method="POST">
<div class="holder">
<label for="anreise">Anreise</label>
<input type="date" name="anreise" id="anreise" value="2019-01-12" onchange="anreise_change()" >
</div>
<div class="holder">
<label for="abreise">Abreise</label>
<input type="date" name="abreise" id="abreise" value="2019-01-19">
</div>
<div class="holder">
<label for="personenanzahl">Reiseteilnehmer</label>
<select id="personenanzahl" name="personen">
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12" selected="selected">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
</select>
</div>
<div class="suchButton">
<button type="button" id="myBtn" >direkt buchen</button>
<input type="submit" value="kostenlos Anfragen">
</form>
<!-- <p><a href="/kontakt"><button type="button">kostenlos Anfragen</button></a></p> -->
<p></p>
</div>
</div>
<div id="booking_out">
</div>
<script language="Javascript">
const button = document.querySelector('#myBtn');
button.addEventListener('click', event => urlaubbestimmen());
<!-- basiswerte -->
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10){
dd='0'+dd
}
if(mm<10){
mm='0'+mm
}
today = yyyy+'-'+mm+'-'+dd;
document.getElementById("anreise").min = today;
document.getElementById("anreise").value = today;
var help = new Date();
var today1 = help.getMilliseconds(help);
console.log(today1 );
today1 = today1 + (3 * 24 * 60 * 60 * 1000);
console.log(today1 );
help = new Date();
help.setMilliseconds(today1);
var dd1 = help.getDate();
var mm1 = help.getMonth()+1; //January is 0!
var yyyy1 = help.getFullYear();
if(dd1<10){
dd1='0'+dd1
}
if(mm1<10){
mm1='0'+mm1
}
console.log( dd1+" " + mm1 + " " + yyyy1);
today = yyyy1+'-'+mm1+'-'+dd1;
console.log(today );
document.getElementById("abreise").min = today;
document.getElementById("abreise").value = today;
</script>
<script language="Javascript">
function urlaubbestimmen()
{
var arrival = document.getElementById("anreise").value;
var departur = document.getElementById("abreise").value;
var personen = document.forms.quickfind.personen.value;
var a = new Date(arrival);
var d = new Date(departur);
var month = a.getMonth();
var day= a.getDate();
var adate = "";
if(day < 10){
adate = adate + "0";
}
adate = adate + "" + day + ".";
if((month+1) < 10){
adate = adate + "0";
}
adate = adate + "" + (month+1);
adate = adate + "." + a.getFullYear();
var month2 = d.getMonth();
var day2 = d.getDate();
var ddate = "";
if(day2 < 10){
ddate = ddate + "0";
}
ddate = ddate + "" + day2+".";
if((month2+1) < 10){
ddate = ddate + "0";
}
ddate = ddate + "" + (month2+1);
ddate = ddate + "." + d.getFullYear();
var parameter = [adate, ddate, personen];
var arrStr = JSON.stringify(parameter);
document.getElementById("booking_out").innerHTML = '<div class="loader"></div>';
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("booking_out").innerHTML = this.responseText;
} else if (this.readyState == 4 && this.status == 0) {
document.getElementById("booking_out").innerHTML = '<span class="fehler">Der von Ihnen verwendete Browser wird aktuell leider nicht unterstützt. Bitte verwenden Sie einen anderen Browser oder senden Sie uns eine Anfrage.</span>';
}
};
xhttp.open("POST", "https://www.baustelle.powderart.at/templates/anderles2018/buchen.php", true);
xhttp.timeout = 10000;
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send(arrStr);
// document.getElementById("booking_out").innerHTML = "1 2 3 4";
}
</script>
<script language="Javascript">
function anreise_change()
{
var help = new Date(document.getElementById("anreise").value);
var today1 = help.getTime();
console.log(today1 + " help: "+ help );
today1 = today1 + (3 * 24 * 60 * 60 * 1000);
console.log(today1 + " help: "+ help );
help = new Date(today1);
console.log(today1 + " help: "+ help );
var dd1 = help.getDate();
var mm1 = help.getMonth()+1; //January is 0!
var yyyy1 = help.getFullYear();
if(dd1<10){
dd1='0'+dd1
}
if(mm1<10){
mm1='0'+mm1
}
today1 = yyyy1+'-'+mm1+'-'+dd1;
document.getElementById("abreise").min = today1;
document.getElementById("abreise").value = today1;
console.log(today1 + " help: "+ help + " today: " + today1);
}
</script>
<script language="Javascript">
function booking_Url(url) {
document.getElementById("booking_out").innerHTML= '<iframe class="smoobu_ext" src="'+url+'" title="Booking"></iframe>';
}
</script>
</script>
{/source}
Anderles Ferienhaus buchen
