問題修正

desktop11/goto.js

@@ -246,7 +246,7 @@ $("html").on("mousewheel", function () {
 });
 
 $(document).ready(function () {
-  $("#datepicker").datepicker();
+  $("#date").datepicker();
 });
 
 

desktop11/index.html

@@ -31,7 +31,7 @@
     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
 
-
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
     <link rel="stylesheet" href="./style.css">
     <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
     
@@ -419,7 +419,7 @@
                                 <option class="option">工業風</option>
                                 <option class="option">異國風</option>
                             </select>
-                            <input name="prefer_date" type="text" id="datepicker" placeholder="預選裝修日期" required>
+                            <input name="prefer_date" type="text" id="date" placeholder="預選裝修日期" required>
                         </div>
                         <hr>
                         <div id="form-right">
@@ -473,7 +473,7 @@
         integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
         crossorigin="anonymous"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
     <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
 
     <script src="./goto.js"></script>

desktop11/style.css

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

desktop11/style.scss

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

mobile/index.html

@@ -25,7 +25,7 @@
 
 
 
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
+
     
     <!-- Slick CDN -->
     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
@@ -37,6 +37,7 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
     <link rel="stylesheet" href="./style.css">
     <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
 </head>
@@ -414,7 +415,7 @@
                     <option class="option" value="type">工業風</option>
                     <option class="option" value="type">異國風</option>
                 </select>
-                <input name="prefer_date" type="date" id="date"  placeholder="預選裝修日期" required>
+                <input name="prefer_date" type="text" id="date"  placeholder="預選裝修日期" required>
                 <div id="fb_login">
                     <fb:login-button scope="public_profile,email" onlogin="checkLoginState();">使用FB填入信箱與姓名</fb:login-button>
                     <div id="status"></div>
@@ -443,7 +444,6 @@
     </div>
 
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
     <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
         integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
@@ -453,6 +453,7 @@
         crossorigin="anonymous"></script>
     <!-- jQuery CDN -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
     <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
     <script src="./script/goto.js"></script>
 </body>

mobile/script/goto.js

@@ -199,3 +199,6 @@ $("html").on("mousewheel", function () {
   $("html").stop();
 });
 
+$(document).ready(function () {
+  $("#date").datepicker();
+});