푸들푸들

날짜 포맷(Format) 본문

구디아카데미/Project

날짜 포맷(Format)

COCO_develop 2025. 1. 23. 23:54

DB에서 NOW()가 기본 값인 create_date를 jsp에서 출력하면

2023-05-27T22:51:19 이런 형식으로 나온다

이것을 2023/05/27 22:51 형식으로 바꾸려고 함

 

1. 자바스크립트

<p style="text-align: right;">
	작성시간: <span id="formattedCreateDate">${b.createDate}</span>
    <c:if test="${not empty b.updateDate}">
        | 수정시간: <span id="formattedUpdateDate">${b.updateDate}</span>
    </c:if>
</p>
<script>
	/* 날짜 포맷 */
		const createDateString = "${b.createDate}";
	    const updateDateString = "${b.updateDate}";
	    
	    // Date 객체로 변환
	    const bCreateDate = new Date(createDateString);
	    const bUpdateDate = new Date(updateDateString);
	    
	    // 날짜 형식 변환 함수 (yyyy-MM-dd HH:mm)
	    function formatDate(dateString) {
	        const date = new Date(dateString);
	        return date.toLocaleString('ko-KR', {
	            year: 'numeric',
	            month: '2-digit',
	            day: '2-digit',
	            hour: '2-digit',
	            minute: '2-digit',
	            hour12: false
	        }).replace(',', '');  // "," 제거
	    }
	    
	    // 변환된 날짜를 화면에 출력
	    document.getElementById('formattedCreateDate').textContent = formatDate(bCreateDate);
	    document.getElementById('formattedUpdateDate').textContent = formatDate(bUpdateDate);
	</script>

 

->

 

 

2. 쿼리(맵퍼, SQL)

: DATE_FORMAT(b.create_date,'%y년%c월%e일 %H:%i')

SELECT 
    b.boa_no boaNo
    , e.ename ename
    , b.title
    , DATE_FORMAT(b.create_date,'%Y/%c/%e %H:%i') createDate
    , b.view_cnt viewCnt
    , b.cat_no catNo
    , COUNT(bc.com_no) countComment
FROM board b
INNER JOIN emp e
    ON b.emp_no = e.emp_no
LEFT JOIN board_comment bc
    ON b.boa_no = bc.boa_no
WHERE b.cat_no = 1
GROUP BY b.boa_no
ORDER BY b.boa_no DESC

->