調整css

css/style.css

@@ -85,9 +85,17 @@ input[type="number"] {
     outline: #1aff00;
 }
 
-button {
+input[type="date"] {
-    width: 40%;
+    width: 50%;
-    height: 40px;
+    height: 30px;
+    font-size: medium;
+    font-weight: bold;
+    font-family: 'Arial', system-ui
+}
+
+button {
+    width: 40%;
+    height: 30px;
     font-weight: bold;
     font-family: 'Arial', system-ui
 }

index.html

@@ -17,8 +17,9 @@
     <!--p>
         <a href="new.html">我要填表</a>
     </p-->
+    <label for="queryDate">日期篩選：</label>
     <input type="date" id="queryDate">
-    <button onclick="getDate()">選擇日期</button>
+    <button onclick="getDate()">設定日期</button>
     <hr>
 
     <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>

js/index.js

@@ -1,4 +1,7 @@
 var selectedDate = document.getElementById("queryDate");
+var today = new Date();
+var formattedDate = today.toISOString().split('T')[0];
+selectedDate.value = formattedDate;
 
 let table = document.createElement("table");
 let thead = document.createElement("thead");