From 351ffa08882654399ee779b369ccc3893d2de4da Mon Sep 17 00:00:00 2001 From: SeoJin Kim Date: Tue, 23 Mar 2021 14:29:07 +0900 Subject: [PATCH] =?UTF-8?q?[Spring][=EC=87=BC=ED=95=91=EB=AA=B0=20?= =?UTF-8?q?=ED=94=84=EB=A1=9C=EC=A0=9D=ED=8A=B8][18]=20=EC=83=81=ED=92=88?= =?UTF-8?q?=20=EB=93=B1=EB=A1=9D=20-=20=EB=8B=AC=EB=A0=A5=20=EC=9C=84?= =?UTF-8?q?=EC=A0=AF=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit https://kimvampa.tistory.com/194 --- .../WEB-INF/views/admin/goodsEnroll.jsp | 30 +++++++++++++++++-- .../resources/css/admin/goodsEnroll.css | 16 ++++++++++ .../WEB-INF/views/admin/goodsEnroll.jsp | 30 +++++++++++++++++-- .../resources/css/admin/goodsEnroll.css | 16 ++++++++++ 4 files changed, 88 insertions(+), 4 deletions(-) diff --git a/VamPa/src/main/webapp/WEB-INF/views/admin/goodsEnroll.jsp b/VamPa/src/main/webapp/WEB-INF/views/admin/goodsEnroll.jsp index 4f7ca2b..fa53181 100644 --- a/VamPa/src/main/webapp/WEB-INF/views/admin/goodsEnroll.jsp +++ b/VamPa/src/main/webapp/WEB-INF/views/admin/goodsEnroll.jsp @@ -6,12 +6,14 @@ Insert title here - + + + @@ -43,7 +45,7 @@
- +
@@ -149,7 +151,31 @@ $("#enrollBtn").on("click",function(e){ console.error(error); }); +/* 캘린더 위젯 적용 */ + /* 설정 */ + const config = { + dateFormat: 'yy-mm-dd', + showOn : "button", + buttonText:"날짜 선택", + prevText: '이전 달', + nextText: '다음 달', + monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], + monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], + dayNames: ['일','월','화','수','목','금','토'], + dayNamesShort: ['일','월','화','수','목','금','토'], + dayNamesMin: ['일','월','화','수','목','금','토'], + yearSuffix: '년', + changeMonth: true, + changeYear: true + } + + /* 캘린더 */ + $(function() { + $( "input[name='publeYear']" ).datepicker(config); + }); + + diff --git a/VamPa/src/main/webapp/resources/css/admin/goodsEnroll.css b/VamPa/src/main/webapp/resources/css/admin/goodsEnroll.css index 2f411d0..ab790f5 100644 --- a/VamPa/src/main/webapp/resources/css/admin/goodsEnroll.css +++ b/VamPa/src/main/webapp/resources/css/admin/goodsEnroll.css @@ -143,6 +143,22 @@ ul{ height: 170px; } + +.ui-datepicker-trigger { /* 캘린더 css 설정 */ + margin-left: 25px; + width: 14%; + height: 38px; + font-weight: 600; + background-color: #dfe8f5; + font-size: 15px; + cursor:pointer; +} +input[name='publeYear'] { + width: 80%; + text-align: center; +} + + /* 버튼 영역 */ .btn_section{ text-align: center; diff --git a/VamPa_MySQL/src/main/webapp/WEB-INF/views/admin/goodsEnroll.jsp b/VamPa_MySQL/src/main/webapp/WEB-INF/views/admin/goodsEnroll.jsp index 4f7ca2b..fa53181 100644 --- a/VamPa_MySQL/src/main/webapp/WEB-INF/views/admin/goodsEnroll.jsp +++ b/VamPa_MySQL/src/main/webapp/WEB-INF/views/admin/goodsEnroll.jsp @@ -6,12 +6,14 @@ Insert title here - + + + @@ -43,7 +45,7 @@
- +
@@ -149,7 +151,31 @@ $("#enrollBtn").on("click",function(e){ console.error(error); }); +/* 캘린더 위젯 적용 */ + /* 설정 */ + const config = { + dateFormat: 'yy-mm-dd', + showOn : "button", + buttonText:"날짜 선택", + prevText: '이전 달', + nextText: '다음 달', + monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], + monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], + dayNames: ['일','월','화','수','목','금','토'], + dayNamesShort: ['일','월','화','수','목','금','토'], + dayNamesMin: ['일','월','화','수','목','금','토'], + yearSuffix: '년', + changeMonth: true, + changeYear: true + } + + /* 캘린더 */ + $(function() { + $( "input[name='publeYear']" ).datepicker(config); + }); + + diff --git a/VamPa_MySQL/src/main/webapp/resources/css/admin/goodsEnroll.css b/VamPa_MySQL/src/main/webapp/resources/css/admin/goodsEnroll.css index 2f411d0..ab790f5 100644 --- a/VamPa_MySQL/src/main/webapp/resources/css/admin/goodsEnroll.css +++ b/VamPa_MySQL/src/main/webapp/resources/css/admin/goodsEnroll.css @@ -143,6 +143,22 @@ ul{ height: 170px; } + +.ui-datepicker-trigger { /* 캘린더 css 설정 */ + margin-left: 25px; + width: 14%; + height: 38px; + font-weight: 600; + background-color: #dfe8f5; + font-size: 15px; + cursor:pointer; +} +input[name='publeYear'] { + width: 80%; + text-align: center; +} + + /* 버튼 영역 */ .btn_section{ text-align: center;