close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

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

Thread began 10/24/2018 8:54 pm by enquiry272230 | Last modified 10/25/2018 12:53 pm by enquiry272230 | 21 views | 1 replies

enquiry272230

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>

<!-- Bootstrap -->
<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>
<!--<li class="nav-item">
<a class="nav-link" href="Testimonials.html">Testimonials</a>
</li>-->
</ul>
</div>
</div>
</nav>

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

<!-- Presentation Header -->


<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>
<!-- End Presentation Header -->




<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">

<!-- Form Box -->
<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-body">-->
<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 ">
<!--<legend>Booking Inquiry</legend>
<br>-->
<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><!--Form Row-->
<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><!--Form Row-->

<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><!--Form Row-->
<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><!--Form Row--><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" />&nbsp;&nbsp;<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>
<!-- End Form Box -->

</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> <!--<a class="nav-item nav-link text-light" href="Testimonials.html">Testimonials</a>--> </nav>
<p class="bd-signature text-light">Luxury Yacht Holidays Hope Island Gold Coast Australia<br>
Copyright &copy; 2018 &middot; 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>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.3.1.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.1.3.js"></script>

</body>
</html>

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...