Using Data Bridge 2 in a bootstrap 4 page, I have inserted 2 datepickers for arrival and departure dates fields, but they are not working

Copy of page -

<?php require_once("webassist/form_validations/wavt_scripts_php.php"); ?>
<?php require_once("webassist/form_validations/wavt_validatedform_php.php"); ?>
<?php
if ($_SERVER["REQUEST_METHOD"] === "POST") {
$WAFV_Redirect = "";
$_SESSION['WAVT_Bookingtest_696_Errors'] = "";
if ($WAFV_Redirect == "") {
$WAFV_Redirect = $_SERVER["PHP_SELF"];
}
$WAFV_Errors = "";
$WAFV_Errors .= WAValidateLE(strtolower(((isset($_POST["Security_Code_1"]))?$_POST["Security_Code_1"]:"")) . "",strtolower(((isset($_POST["Security_Code_1"]))?$_POST["Security_Code_1"]:"")) . "",true,1);

if ($WAFV_Errors != "") {
PostResult($WAFV_Redirect,$WAFV_Errors,"Bookingtest_696");
}
}
?>
<?php require_once("webassist/email/WA_Email.php"); ?>
<?php
if ($_SERVER["REQUEST_METHOD"] === "POST") { //WA Universal Email
$Email = new WA_Email("Booking-test");
$Email->Redirect = "sent.php";
$Email->From = "".((isset($_POST["Email"]))?$_POST["Email"]:"") ."";
$Email->addTo("web.inquiry@luxuryyachtholidays.com.au");
$Email->addCC("".((isset($_POST["Email"]))?$_POST["Email"]:"") ."");
$Email->BodyFile = "webassist/email/templates/WebAssist-Block/Block.php";
if (function_exists("rel2abs") && $Email->Redirect) $Email->Redirect = $Email->Redirect?rel2abs($Email->Redirect,dirname(__FILE__)):"";
for ($emailGroup=0; $emailGroup<sizeof($Email->To); $emailGroup++) {
$Email->Subject = "Web Inquiry Form";
$Email->send($emailGroup);
}
$Email->close();
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Inquire now with your preferred accommodation dates and advise of any special requirements. We will confirm your dates or advise of other availabilty">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Booking Inquiry Luxury Yacht Holidays Gold Coast Australia</title>


<link href="css/bootstrap-4.1.3.css" rel="stylesheet">
<link href="css/mainsite.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC:900%7cPlayfair+Display:900" rel="stylesheet">

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

<link type="text/css" href="webassist/datepicker/Booking-test_datepicker_1/jquery-ui.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function(){
$('#datepicker_1').datepicker({
dateFormat: 'mm/dd/yy',
showAnim: 'show',
onClose: closeDatePicker_datepicker_1
});
});
function closeDatePicker_datepicker_1() {
var tElm = $('#datepicker_1');
if (typeof datepicker_1_Spry != null && typeof datepicker_1_Spry != "undefined" && Arrival-Date_Spry.validate) {
datepicker_1_Spry.validate();
}
tElm.blur();
}
</script>
<link type="text/css" href="webassist/datepicker/Booking-test_datepicker_2/jquery-ui.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function(){
$('#datepicker_2').datepicker({
dateFormat: 'mm/dd/yy',
showAnim: 'show',
onClose: closeDatePicker_datepicker_2
});
});
function closeDatePicker_datepicker_2() {
var tElm = $('#datepicker_2');
if (typeof datepicker_2_Spry != null && typeof datepicker_2_Spry != "undefined" && Departure-Date_Spry.validate) {
datepicker_2_Spry.validate();
}
tElm.blur();
}
</script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a href="http://www.luxuryyachtholidays.com.au"><img style="margin-right:20px;" src="images/Luxury-Yacht-Holidays-BD-Logo-New-Inverted-45.png" width="60" alt="Black Diamond Logo"/></a>
<a class="navbar-brand" href="http://www.luxuryyachtholidays.com.au">Luxury Yacht Holidays</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#toggler" aria-controls="toggler" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="toggler">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>

<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Packages
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="VIP-Escape.html">VIP Escape</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="VIP-Romance-Escape.html">VIP Romance Escape</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="VIP-Celebrity-Escape.html">VIP Celebrity Escape</a>

</div>
</li>
<li class="nav-item">
<a class="nav-link" href="Gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="Booking-Inquiry.php">Bookings</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="shareDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Share
</a>
<div class="dropdown-menu" aria-labelledby="shareDropdown">
<a class="dropdown-item" href="https://www.facebook.com/sharer/sharer.php?u=http%3A//www.luxuryyachtholidays.com.au" target="_blank">Share on Facebook</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://twitter.com/home?status=An%20exquisite%20accommodation%20experience%20with%20all%20food%20and%20beverage%20included%20for%202%20people%20on%20the%20Gold%20Coast%20Broadwater%20in%20the%20luxury%20motor%20yacht%20Black%20Diamond%0A%0Ahttp%3A//www.luxuryyachtholidays.com.au" target="_blank">Share on Twitter</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://plus.google.com/share?url=http%3A//www.luxuryyachtholidays.com.au" target="_blank">Share on Google Plus</a>
<div class="dropdown-divider"></div>

<a class="dropdown-item" href="mailto:?&body=An%20exquisite%20accommodation%20experience%20with%20all%20food%20and%20beverage%20included%20for%202%20people%20only%20on%20the%20Gold%20Coast%20Broadwater%20in%20our%20luxury%20motor%20yacht%20Black%20Diamond.%0A%0Ahttp%3A//www.luxuryyachtholidays.com.au" target="_blank">Share by Email</a>
<div class="dropdown-divider"></div>

<a class="dropdown-item" href="https://www.linkedin.com/shareArticle?mini=true&url=http%3A//www.luxuryyachtholidays.com.au&title=Luxury%20Yacht%20Holidays&summary=An%20exquisite%20accommodation%20experience%20with%20all%20food%20and%20beverage%20included%20for%202%20people%20only%20on%20the%20Gold%20Coast%20Broadwater%20in%20our%20luxury%20motor%20yacht%20Black%20Diamond.&source=" target="_blank">Share on LinkedIn</a>
</div>
</li>

</ul>
</div>
</div>
</nav>


<img src="images/Luxury-Yacht-Holidays-BookingsHero.jpg" class="w-100" alt="Yacht table setting with flowers wine and sliders at night">



<div id="BlackDiamondBox" class="bg-dark text-light pb-4 mb-5 text-center">

<div class="offset-xl-1 col-xl-10 mt-4">
<div class="text-center mb-4 offset-lg-1 col-lg-10 offset-xl-0 col-xl-12">
<div id="bd-title" >
<h1>Booking Inquiry</h1>
</div>
</div>
</div>
</div>


<div class="container">
<div class="row text-center">

<div class="offset-xl-0 offset-lg-0 col-sm-12 text-justify col-xl-12 col-lg-12 col-md-12 ">
<div class="bd-lead clearfix">
<div class="text-center"> <img src="images/Luxury-Yacht-Holidays-BD-Logo-150.png" class="img-fluid mb-2 d-md-none" alt="BD Logo"></div>

<img src="images/Luxury-Yacht-Holidays-BD-Logo-150.png" class="img-fluid float-right mt-2 ml-md-4 mb-3 d-none d-md-block" alt="BD Logo">
<p class="mt-md-3">Contact us for further details as well as availability for your preferred dates.<br>
If you have any special requests please be assured we will do our utmost to accommodate your wishes.</p>
</div>
</div>

</div>

<hr>
<div class="row text-center">


<div class="offset-xl-0 offset-lg-0 col-sm-12 text-justify col-xl-12 col-lg-12 col-md-12">

<div style="background-color:lightgrey" class="p-3 text-dark">

<form name="inquiry-form" id="inquiry-form" method="post" enctype="multipart/form-data">
<fieldset class="form-group ">

<div class="form-group form-row">
<div class="form-group col-lg-6">
<label class="form-control-label" for="Arrival-Date">Arrival Date:</label>
<input class="form-control" id="datepicker_1" name="Arrival-Date" type="text" value="<?php echo(ValidatedField("Bookingtest_696","Arrival-Date")) ?>" required>
</div>

<div class="form-group col-lg-6">
<label class="form-control-label" for="Departure-Date">Departure Date:</label>
<input class="form-control" id="datepicker_2" name="Departure-Date" type="text" value="<?php echo(ValidatedField("Bookingtest_696","Departure-Date")) ?>" required>
</div>
</div>
<div class="form-group form-row">
<div class="form-group col-lg-6">
<label class="form-control-label" for="Guests">Guests:</label>
<select name="Guests" class="form-control" id="Guests">
<option value="2" <?php if(ValidatedField("Bookingtest_696","Guests")=="2") echo 'selected="selected"' ?> >2</option>
<option value="1" <?php if(ValidatedField("Bookingtest_696","Guests")=="1") echo 'selected="selected"' ?> >1</option>

</select>
</div>

<div class="form-group col-lg-6">
<label class="form-control-label" for="Package">Package:</label>
<select name="Package" class="form-control" id="Package" required>
<option value="">Choose</option>
<option value="VIP-Escape" <?php if(ValidatedField("Bookingtest_696","Package")=="VIP-Escape") echo 'selected="selected"' ?> >VIP Escape</option>
<option value="VIP-Romance-Escape" <?php if(ValidatedField("Bookingtest_696","Package")=="VIP-Romance-Escape") echo 'selected="selected"' ?>>VIP Romance Escape</option>
<option value="VIP-Celebrity-Escape" <?php if(ValidatedField("Bookingtest_696","Package")=="VIP-Celebrity-Escape") echo 'selected="selected"' ?>>VIP Celebrity Escape</option>
</select>
</div>
</div>

<div class="form-group">
<label class="form-control-label" for="Special-Requests">Special Requests</label>
<textarea name="Special-Requests" class="form-control" id="Special-Requests" rows="3"><?php echo(ValidatedField("Bookingtest_696","Special-Requests")) ?></textarea>
</div>
<hr>
<div class="form-group form-row">
<div class="form-group col-lg-6">
<label class="form-control-label" for="First-Name">First Name:</label>
<input name="First-Name" class="form-control" type="text" id="First-Name" placeholder="Your First Name" value="<?php echo(ValidatedField("Bookingtest_696","First-Name")) ?>" required>
</div>
<div class="invalid-feedback">
Please provide a valid name.
</div>

<div class="form-group col-lg-6">
<label class="form-control-label" for="Last-Name">Last Name:</label>
<input name="Last-Name" class="form-control" type="text" id="Last-Name" placeholder="Your Last Name" value="<?php echo(ValidatedField("Bookingtest_696","Last-Name")) ?>" required>
</div>
</div>
<div class="form-group form-row">
<div class="form-group col-lg-6">
<label class="form-control-label" for="Telephone">Telephone:</label>
<input name="Telephone" class="form-control" type="tel" id="Telephone" placeholder="Enter Telephone Number" value="<?php echo(ValidatedField("Bookingtest_696","Telephone")) ?>" required>
</div>

<div class="form-group col-lg-6">
<label class="form-control-label" for="email">Email:</label>
<input name="Email" class="form-control" type="email" id="Email" placeholder="Enter Email" value="<?php echo(ValidatedField("Bookingtest_696","Email")) ?>" required>
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
</div><img id="capt1" src="webassist/captcha/wavt_captchasecurityimages.php?width=200&height=50&field=Security_Code_1&bgcolor=FFFFFF&transparent=0&bgimage=&gridfreq=40&gridcolor=000000&gridorder=behind&noisefreq=40&noisecolor=000000&noiseorder=behind&characters=5&charheight=&font=fonts/MOM_T___.TTF&textcolor=000000" alt="security code" width="200" height="50" />  <img src="webassist/captcha/images/refresh.png" height="25" onClick="document.getElementById('capt1').src+='&ref=1'"><br>
<input id="Security_Code_1" name="Security_Code_1" type="text" value="" />
<button name="submit" type="submit" class="btn btn-dark">Send Inquiry</button>
<?php
if (ValidatedField('Bookingtest_696','Bookingtest_696')) {
if ((strpos((",".ValidatedField("Bookingtest_696","Bookingtest_696").","), "," . "1" . ",") !== false || "1" == "")) {
if (!(false)) {
?>
<p style="color: crimson;">Code does not match</p>
<?php //WAFV_Conditional Booking-test.php Bookingtest_696(1:)
}
}
}?>
</fieldset>
</form>

</div>
</div>


</div>
<hr>
</div>

<footer class="bg-dark mb-0">
<div class="container">
<div class="text-center text-light pt-5 pb-5 offset-lg-2 col-lg-8 col-md-10 offset-md-1">
<h4 class="mb-md-4">Luxury Yacht Holidays</h4>
<nav id="footerlinks" class="nav justify-content-center nav-fill flex-column flex-md-row mb-3" >
<a class="nav-item nav-link text-light" href="index.html">Home</a>

<div class="dropdown">
<a class="nav-item nav-link text-light dropdown-toggle" data-toggle="dropdown" id="packagesDropdown"
aria-haspopup="true" aria-expanded="false" href="#">Packages</a>
<div class="dropdown-menu" aria-labelledby="packagesDropdown">
<a class="dropdown-item" href="VIP-Escape.html">VIP Escape</a>
<a class="dropdown-item" href="VIP-Romance-Escape.html">VIP Romance Escape</a>
<a class="dropdown-item" href="VIP-Celebrity-Escape.html">VIP Celebrity Escape</a>

</div>
</div>

<a class="nav-item nav-link text-light" href="Gallery.html">Gallery</a> <a class="nav-item nav-link text-light active" href="Booking-Inquiry.php">Bookings</a>  </nav>
<p class="bd-signature text-light">Luxury Yacht Holidays Hope Island Gold Coast Australia<br>
Copyright © 2018 · All Rights Reserved<br>
<a class="bd-signature text-light" href="http://www.busyweb.com.au" >Bespoke Website by BusyWeb</a></p>
</div>
</div>
</footer>


<script src="js/jquery-3.3.1.min.js"></script>


<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.1.3.js"></script>

</body>
</html>

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

10/24/2018 5:54 pmenquiry272230