업로드 날짜 모달 UX 다듬기

- 기본 선택값을 오늘 날짜로 미리 지정 (업로드 실행 버튼도 즉시 활성)
- 안내 문구를 "발주 데이터의 주문 날짜로 날짜를 선택해주세요." 로 수정
- 선택된 날짜 박스와 하단 버튼 사이 1.5rem 간격 확보

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-27 00:02:03 +09:00
parent 19a552452f
commit 9e6576a594
3 changed files with 16 additions and 7 deletions
+1
View File
@@ -1974,6 +1974,7 @@ input[type="checkbox"] {
border: 1px dashed #cbd5e1; border: 1px dashed #cbd5e1;
border-radius: 8px; border-radius: 8px;
padding: 0.75rem; padding: 0.75rem;
margin-bottom: 1.5rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
+1 -1
View File
@@ -411,7 +411,7 @@
<div class="modal-content glass-panel upload-date-modal-content"> <div class="modal-content glass-panel upload-date-modal-content">
<span class="close-btn" id="upload-date-close">&times;</span> <span class="close-btn" id="upload-date-close">&times;</span>
<h2><i class="fa-regular fa-calendar-check"></i> 업로드 날짜 지정</h2> <h2><i class="fa-regular fa-calendar-check"></i> 업로드 날짜 지정</h2>
<p class="modal-instruction-text">발주 데이터의 주문 날짜로 입력될 날짜를 선택해주세요.</p> <p class="modal-instruction-text">발주 데이터의 주문 날짜로 날짜를 선택해주세요.</p>
<!-- Custom Calendar Picker Container --> <!-- Custom Calendar Picker Container -->
<div class="custom-calendar-picker"> <div class="custom-calendar-picker">
+14 -6
View File
@@ -397,13 +397,21 @@ document.addEventListener('DOMContentLoaded', () => {
fileUpload.addEventListener('change', (e) => { fileUpload.addEventListener('change', (e) => {
const files = e.target.files; const files = e.target.files;
if (!files || files.length === 0) return; if (!files || files.length === 0) return;
pendingFiles = files; pendingFiles = files;
calendarActiveDate = new Date();
calendarSelectedDate = null; // 기본 선택값: 오늘 날짜 (사용자가 명시적으로 다시 고를 수도 있음)
btnSubmitUploadDate.disabled = true; const today = new Date();
selectedDateText.textContent = '선택 안 됨'; const yyyy = today.getFullYear();
const mm = String(today.getMonth() + 1).padStart(2, '0');
const dd = String(today.getDate()).padStart(2, '0');
const weekdayNames = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"];
calendarActiveDate = new Date(yyyy, today.getMonth(), today.getDate());
calendarSelectedDate = `${yyyy}-${mm}-${dd}`;
selectedDateText.textContent = `${yyyy}${today.getMonth() + 1}${today.getDate()}일 (${weekdayNames[today.getDay()]})`;
btnSubmitUploadDate.disabled = false;
renderCalendar(); renderCalendar();
uploadDateModal.classList.add('show'); uploadDateModal.classList.add('show');
}); });