html5 datepicker does not have full cross browser support, tested working in chrome...

diff --git a/js/app.js b/js/app.js
index a2770d2..8850275 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -77,11 +77,7 @@ $(document).ready(function () {
     y = today.getFullYear();
     requiredDate = y + '-' + m + '-' + d;
    // $("#dateOff1").attr("min", requiredDate);
-    
-    $("#dateOff1").change(function () {
-                          
-    });
-    $("dateOff1").validate();
+ 
    // $("#date1").val(requiredDate);
     $("#date1").datepicker({
         minDate: 2,

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index c61265d..ec174be 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -68,11 +68,7 @@ $(document).ready(function () {
     y = today.getFullYear();
     requiredDate = y + '-' + m + '-' + d;
    // $("#dateOff1").attr("min", requiredDate);
-    
-    $("#dateOff1").change(function () {
-                          
-    });
-    $("dateOff1").validate();
+ 
    // $("#date1").val(requiredDate);
     $("#date1").datepicker({
         minDate: 2,

diff --git a/parts/off-canvas-menu.php b/parts/off-canvas-menu.php
index db236c6..803fd70 100644 (file)
--- a/parts/off-canvas-menu.php
+++ b/parts/off-canvas-menu.php
@@ -24,7 +24,7 @@
                 <input type="text" placeholder="Search by property" name="s">
             </div>
             <div class="small-6 res-date columns">
-                <input id="dateOff1" type="date" min="2015-11-06" placeholder="Arrive" name="ArrivalDate" required="required">
+                <input id="dateOff1" type="date" min="<?php echo $requiredDate ?>" placeholder="Arrive" name="ArrivalDate" required="required">
                 <img id = "offCal1" src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
             </div>
             <div class="small-6 res-date columns">