From f3b7ae315f73be8987824c14510afdcfdfa27df4 Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Thu, 20 Mar 2025 15:26:32 +0900
Subject: [PATCH] =?UTF-8?q?=EB=82=A0=EC=A7=9C=20=ED=8F=BC=EB=A7=8C=20?=
 =?UTF-8?q?=EB=88=8C=EB=9F=AC=EB=8F=84=20=EB=82=98=EC=98=A4=EA=B2=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/voteboard/voteboardWrite.vue | 50 ++++++++++++++++++++------
 1 file changed, 39 insertions(+), 11 deletions(-)

diff --git a/src/views/voteboard/voteboardWrite.vue b/src/views/voteboard/voteboardWrite.vue
index df69183..65fba45 100644
--- a/src/views/voteboard/voteboardWrite.vue
+++ b/src/views/voteboard/voteboardWrite.vue
@@ -20,16 +20,22 @@
                             v-model="title"
                             @keyup="ValidHandler('title')"
                             />
-                            <form-input
-                            title="종료날짜"
-                            name="endDate"
-                            type="datetime-local"
-                            :is-essential="true"
-                            :is-alert="endDateAlert"
-                            v-model="endDate"
-                            :min="today"
-                            @change="ValidHandlerendDate"
-                            />
+                            <div class="date-picker-container" @click="focusDateInput">
+                                <form-input
+                                    title="종료날짜"
+                                    name="endDate"
+                                    type="datetime-local"
+                                    :is-essential="true"
+                                    :is-alert="endDateAlert"
+                                    v-model="endDate"
+                                    :min="today"
+                                    @change="ValidHandlerendDate"
+                                />
+                            </div>
+
+                            <!-- 숨겨진 input 태그를 사용하여 강제로 포커스 -->
+                            <input ref="dateInput" type="datetime-local" v-model="endDate" class="hidden-date-input">
+
                             <!-- 항목 입력 반복 -->
                             <div v-for="(item, index) in itemList" :key="index">
                                 <form-input
@@ -124,6 +130,16 @@ const userListTotal = ref(0);
 const addvoteitem = ref(false);
 const addvotemulti= ref(false);
 
+const dateInput = ref(null);
+
+const focusDateInput = () => {
+    if (dateInput.value) {
+        dateInput.value.showPicker(); // 달력 자동 열기 (일부 브라우저에서 지원)
+        dateInput.value.focus(); // 포커스 이동
+    }
+};
+
+
 const userSet = ({ userList, userTotal }) => {
     activeUserList.value = userList;
     userListTotal.value = userTotal;
@@ -219,5 +235,17 @@ const goList = () => {
 .item-input {
     max-width: 200px;
 }
-
+.date-picker-wrapper {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+}
+.hidden-date-input {
+    position: absolute;
+    top: 31.5%;
+    left: 17%;
+    width: 100%;
+    opacity: 0;
+    pointer-events: none;
+}
 </style>