one more time with date fields

diff --git a/templates/reservation.html b/templates/reservation.html
index 2ef7012..32544d1 100644 (file)
--- a/templates/reservation.html
+++ b/templates/reservation.html
@@ -33,7 +33,7 @@
     <div class="small-4 columns show-for-small-only smallRes">
         <div class="row collapse postfix-radius">
             <div class="small-11 small-centered columns">
-                <input type="text" onfocus="(this.type='date')" onblur="(this.type='text')" class="has-datepicker" id="resArrival2" name="arrival" placeholder="CheckIn">
+                <input type="text" class="has-datepicker" id="resArrival2" name="arrival" placeholder="CheckIn">
             </div>
             <div class="small-1 columns">
                 <span class="postfix"><img src="{mediaBaseURL:h}assets/calender.png" width="41" height="26"></span>
@@ -43,7 +43,7 @@
     <div class="small-4 columns show-for-small-only smallRes">
         <div class="row collapse postfix-radius">
             <div class="small-11 small-centered columns">
-                <input type="text" onfocus="(this.type='date')" onblur="(this.type='text')" class="has-datepicker" id="resDeparture2" name="departure" placeholder="CheckOut">
+                <input type="text" class="has-datepicker" id="resDeparture2" name="departure" placeholder="CheckOut">
             </div>
             <div class="small-1 columns">
                 <span class="postfix"><img src="{mediaBaseURL:h}assets/calender.png" width="41" height="26"></span>
@@ -63,7 +63,13 @@ $(function(){
         var d = $.datepicker.parseDate('mm/dd/yy', dateStr);
         d.setDate(d.getDate() + 2); // Add two days
         $('#resDeparture').datepicker('setDate', d);
-        }});
+    }});
     $("#resDeparture").datepicker();
+    $("#resArrival2").datepicker({onSelect: function(dateStr) {
+        var d = $.datepicker.parseDate('mm/dd/yy', dateStr);
+        d.setDate(d.getDate() + 2); // Add two days
+        $('#resDeparture2').datepicker('setDate', d);
+    }});
+    $("#resDeparture2").datepicker();
 });
 </script>