HTML 날짜 포맷 - HTML naljja pomaes

테마 선택 :

날짜 포매팅(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)로 변경시키려합니다.

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

HTML 날짜 포맷 - HTML naljja pomaes
HTML 날짜 포맷 - HTML naljja pomaes
HTML 날짜 포맷 - HTML naljja pomaes

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에 값을 넣어줘서 사용하시면 됩니다.

HTML 날짜 포맷 - HTML naljja pomaes

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