테마 선택 :
날짜 포매팅(Date formatting)을 사용하기 위해서 날짜 형식은 다음과 같은 형식인 경우 그리드가 날짜를 자동으로 인식하게 됩니다.
▶ 슬래시와 콜론 구분자
- ■ 2015/01/01
- ■ 2015/1/1
- ■ 2015/01/01 09:08:00
- ■ 2015/1/1 9:8
▶ 대쉬와 콜론 구분자
- ■ 2015-01-01
- ■ 2015-1-1
- ■ 2015-01-01 09:08:00
- ■ 2015-1-1 9:8
▶ 날짜 붙여 쓴 형식과 콜론 구분자
- ■ 20150101
- ■ 20150101 09:08:00
▶ 시간을 1970년 1월 1일 0:0:0 UTC 부터 해당 시간까지 밀리세컨드로 포현한 getTime 형식도 유효합니다.
이 외의 날짜 형식으로 날짜를 표현하는 경우 또는 정확히 년,월,일로 구성된 완전체가 아닌 경우는 칼럼 레이아웃 작성 시 명시적으로 dateInputFormat 을 지정하십시오.
엑셀(xlsx)로 저장 PDF로 저장
날짜(Date) 포맷 스트링은 다음과 같습니다.
- yy : 연(Year) 2자리로 표현(예:15)
- yyyy : 연(Year) 4자리로 표현(예:2015)
- m : 월(Month) 1자리로 표현
- mm : 월(Month) 2자리로 표현
- mmm : 월(Month) 영문 이름 3자리로 표현(예:Jan)
- mmmm : 월(Month) 영문 전체 이름으로 표현(예:January)
- d : 날짜(Day) 1자리수로 표현(예:1)
- dd : 날짜(Day) 2자리수로 표현(예:01)
- ddd : 한글 요일로 표현(예:월, 화, 수)
- dddd : 영문 요일 3자리 이름으로 표현(예:Mon, Tue)
- h : 시(Hours) 12시간제 1자리로 표현
- hh : 시(Hours) 12시간제 2자리로 표현
- H : 시(Hours) 24시간제 1자리로 표현
- HH : 시(Hours) 24시간제 2자리로 표현
- M : 분(Minutes) 1자리로 표현
- MM : 분(Minutes) 2자리로 표현
- s : 초(Seconds) 1자리로 표현
- ss : 초(Seconds) 2자리로 표현
- t : 오전, 오후를 한글로 표현(예: 오전, 오후)
- tt : 오전, 오후를 am 또는 pm으로 표현
- T : 오전, 오후를 A 또는 P로 표현
- TT : 오전, 오후를 AM 또는 PM으로 표현
서버에서 데이터를 스크립트로 가져와서 사용하려하는데
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에 값을 넣어줘서 사용하시면 됩니다.
출력이 잘되는것을 확인할 수 있습니다!