diff --git a/css/style.css b/css/style.css
index 95fc1e0..6ab4292 100644
--- a/css/style.css
+++ b/css/style.css
@@ -85,9 +85,17 @@ input[type="number"] {
     outline: #1aff00;
 }
 
-button {
-    width: 40%;
-    height: 40px;
+input[type="date"] {
+    width: 50%;
+    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
 }
diff --git a/index.html b/index.html
index 2786819..02428ea 100644
--- a/index.html
+++ b/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>
diff --git a/js/index.js b/js/index.js
index 753bbfa..3a208b7 100644
--- a/js/index.js
+++ b/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");