日期修正

desktop11/goto.js

@@ -292,5 +292,24 @@ $("#fb_login").click(function () {
 
 
 
+$(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')。
+  });
+});
+
+
 
 

desktop11/index.html

@@ -466,7 +466,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>
 

desktop11/style.css

@@ -569,7 +569,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,
@@ -615,7 +615,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;
 }

desktop11/style.scss

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

mobile/index.html

@@ -460,7 +460,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" id="date" placeholder="預選裝修日期" required>
+                <input name="prefer_date" type="text" inputmode="none" id="datepicker" placeholder="預選裝修日期" required>
                 <!-- <div id="fb_login">
                     <fb:login-button scope="public_profile,email" onlogin="checkLoginState();">使用FB填入信箱與姓名
                     </fb:login-button>

mobile/script/goto.js

@@ -226,3 +226,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')。
+  });
+});

mobile/style.css

@@ -732,7 +732,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,
@@ -756,7 +756,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 {

mobile/style.scss

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