表單日期修正

desktopB/goto.js

@@ -201,3 +201,20 @@ $("#fb_login").click(function () {
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));
 
+$(function() {
+  var dateToday = new Date(); 
+  //jQuery datepicker 設定限制日期最小最大 minDate maxDate hideIfNoPrevNext
+  $(".datepicker").datepicker({
+    //顯示上個月日期 及下個月日期 ，但是不可選的。
+    //default:false
+    showOtherMonths : true,
+    // 設置當沒有上一個/下一個可選擇的情況下，隱藏掉相應的按鈕。（默認為不可用）
+    //配合有設定最大最小時使用
+    //default:false
+    hideIfNoPrevNext : true,
+
+    minDate : dateToday ,
+    //  設置一個最大的可選日期。可以是Date對象，或者是數字（從今天算起，例如+7），
+    //或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如：'+1m +7d')。
+  });
+});

desktopB/index.html

@@ -326,7 +326,7 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
                             <option class="option">工業風</option>
                             <option class="option">異國風</option>
                         </select>
-                        <input name="prefer_date" type="text" id="date" placeholder="預選裝修日期" required>
+                        <input name="prefer_date" class="datepicker" type="text" id="datepicker" placeholder="預選裝修日期" required>
                     </div>
                     <hr>
                     <div id="form-right">

desktopB/style.css

@@ -294,7 +294,7 @@ body .arrow:hover {
 #contact-us #contact-form #budget,
 #contact-us #contact-form #square,
 #contact-us #contact-form #style,
-#contact-us #contact-form #date,
+#contact-us #contact-form #datepicker,
 #contact-us #contact-form #email,
 #contact-us #contact-form #name,
 #contact-us #contact-form #phone,
@@ -340,7 +340,7 @@ body .arrow:hover {
 }
 
 #contact-us #contact-form #form-left #square,
-#contact-us #contact-form #form-left #date {
+#contact-us #contact-form #form-left #datepicker {
   background: none;
   background-color: #fff;
 }

desktopB/style.scss

@@ -254,7 +254,7 @@ body {
         #budget,
         #square,
         #style,
-        #date,
+        #datepicker,
         #email,
         #name,
         #phone,
@@ -293,7 +293,7 @@ body {
                 background-color: #fff;
             }
             #square,
-            #date {
+            #datepicker {
                 background: none;
                 background-color: #fff;
             }

mobileB/goto.js

@@ -204,4 +204,22 @@ $("#fb_login").click(function () {
   js.id = id;
   js.src = "https://connect.facebook.net/zh_TW/sdk.js";
   fjs.parentNode.insertBefore(js, fjs);
-}(document, 'script', 'facebook-jssdk'));
+}(document, 'script', 'facebook-jssdk'));
+
+$(function() {
+  var dateToday = new Date(); 
+  //jQuery datepicker 設定限制日期最小最大 minDate maxDate hideIfNoPrevNext
+  $(".datepicker").datepicker({
+    //顯示上個月日期 及下個月日期 ，但是不可選的。
+    //default:false
+    showOtherMonths : true,
+    // 設置當沒有上一個/下一個可選擇的情況下，隱藏掉相應的按鈕。（默認為不可用）
+    //配合有設定最大最小時使用
+    //default:false
+    hideIfNoPrevNext : true,
+
+    minDate : dateToday ,
+    //  設置一個最大的可選日期。可以是Date對象，或者是數字（從今天算起，例如+7），
+    //或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如：'+1m +7d')。
+  });
+});

mobileB/index.html

@@ -269,7 +269,7 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
                     <option class="option">工業風</option>
                     <option class="option">異國風</option>
                 </select>
-                <input name="prefer_date" type="text" inputmode="none" placeholder="預選裝修日期" id="date" required>
+                <input name="prefer_date" class="datepicker" type="text" id="datepicker" inputmode="none" placeholder="預選裝修日期" required>
                 <div id="fb_login">
                     <button id="fb-button"  ><img src="./img/logo/facebook.png" alt="">
                         <p><span style="padding-right:5vw; font-size: 25px;">｜</span>使用fb填入信箱與姓名</p>

mobileB/style.css

@@ -375,7 +375,7 @@ body .arrow:hover {
 #contact-us #contact-form #budget,
 #contact-us #contact-form #square,
 #contact-us #contact-form #style,
-#contact-us #contact-form #date,
+#contact-us #contact-form #datepicker,
 #contact-us #contact-form #email,
 #contact-us #contact-form #name,
 #contact-us #contact-form #phone,
@@ -399,7 +399,7 @@ body .arrow:hover {
 }
 
 #contact-us #contact-form #square,
-#contact-us #contact-form #date,
+#contact-us #contact-form #datepicker,
 #contact-us #contact-form #email,
 #contact-us #contact-form #name,
 #contact-us #contact-form #phone {

mobileB/style.scss

@@ -286,7 +286,7 @@ body {
         #budget,
         #square,
         #style,
-        #date,
+        #datepicker,
         #email,
         #name,
         #phone,
@@ -307,7 +307,7 @@ body {
             background-color: #fff;
         }
         #square,
-        #date,
+        #datepicker,
         #email,
         #name,
         #phone {