본문 바로가기
JAVASCRIPT & JQUERY

[jQuery] Data타입을 날짜형태(yyyy-mm-dd)로 포맷 변경하는 방법!!

by GoodDayDeveloper 2021. 11. 29.
반응형

서버에서 데이터를 스크립트로 가져와서 사용하려하는데

cret_date 이놈이 데이터타입니다...  콘솔을 찍어보니 어김없는 date형태..

그래서 화면에서 오브젝트로 표출이 되므로 이놈을 내가 원하는 날짜형태(yyyy-mm-dd)로 변경시키려합니다.

간단한 함수를 사용해서 가능하지만 잊어버릴까봐 포스팅하려고 합니다!

 

 


 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function formatDate(date) {
    
    var d = new Date(date),
    
    month = '' + (d.getMonth() + 1) , 
    day = '' + d.getDate(), 
    year = d.getFullYear();
    
    if (month.length < 2) month = '0' + month; 
    if (day.length < 2) day = '0' + day; 
    
    return [year, month, day].join('-');
    
    }
cs

 

날짜형태(yyyy-mm-dd)로 변경하는 함수입니다. 

가장 중요한 부분이 되겠네요.

간단히 해석하자면,

년/월/일로 데이터를 나눈다음 월과 일에 0을 붙여서 하이픈(-)으로 붙여주는 함수입니다.

 

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$.ajax({ 
  url: path+"/gnb03/lnb03/read_ajax.do"
  type: "POST"
  contentType: "application/json;charset=UTF-8",
  data:JSON.stringify(submitObj),
  dataType : "json"
 }) 
 .done(function(data) {
    for(var k in data.reserveList){
        var obj = data.reserveList[k];
        var cret_date = obj.cret_date;
        
        if(obj.cret_date != null){
            var date1 = new Date(obj.cret_date.time);
          var cret_date = formatDate(date1);    
        }else{
            var cret_date = "";
        }
cs

 

그리고 서버에서 데이터를 내려받을 때

cret_date 부분만은 따로 변수에 담아서 데이터가 있을 경우 formatDate에 값을 넣어줘서 사용하시면 됩니다.

 

 

출력이 잘되는것을 확인할 수 있습니다!

 

 

반응형

댓글