setting datepicker for reservation fields

diff --git a/functions.php b/functions.php
index 93d337f..448c423 100644 (file)
--- a/functions.php
+++ b/functions.php
@@ -677,6 +677,9 @@ function glm_site_scripts()
         '1.0',
         true
     );
+  /*  wp_enqueue_script('jquery-ui-datepicker');
+    wp_enqueue_style('jquery-style', '//ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css'); */
+
     if(is_front_page()) {
     }
 

diff --git a/js/app.js b/js/app.js
index 5d127fd..9ba400c 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -39,5 +39,5 @@ $(document).ready(function () {
                              
     });
     ////////////////////////////////////////////////////////
-   
+    $("#arrive").datepicker();
 });

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 52b47c2..6d3a2ee 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -30,5 +30,5 @@ $(document).ready(function () {
                              
     });
     ////////////////////////////////////////////////////////
-   
+    $("#arrive").datepicker();
 });

diff --git a/parts/reservation-form.php b/parts/reservation-form.php
index 7b80084..ea65c89 100644 (file)
--- a/parts/reservation-form.php
+++ b/parts/reservation-form.php
@@ -7,10 +7,10 @@
                                 <input type="text" placeholder="Property" name="s">
                             </div>
                             <div class="small-12 res-date columns resInput">
-                                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+                                <input id="arrive" type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
                             </div>
                             <div class="small-12 res-date columns resInput">
-                                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+                                <input id="depart" type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
                             </div>
                             <div class="small-12 columns resInput">
                                 <input type="text" placeholder="Number of Nights">