Html 환경에서 개발을 하다보면 날짜를 관리하는 일이 많이 생긴다. 보통 Html, Css는 Javascript로 많이 제어를 하고 있다. Date 함수도 이에 포함된다. Date에 대해서 알아보도록 하자.
날짜 객체 new Date() 를 이용해서 처리 하게 된다. 아래의 코드를 보도록 하자. 문자열로 출력을 하는 함수이다. 기본적으로 'yyyy-MM-dd' pattern을 기본으로 지정 했다. 수정이 필요한 경우 return 절을 변경 하도록 하자.
// ...
dateToString: function(date) {
var year = date.getFullYear();
var month = parseInt(date.getMonth() + 1);
var day = date.getDate();
if (month < 10) {
month = '0' + month;
}
if (day < 10) {
day = '0' + day;
}
return year + '-' + month + '-' + day;
},
// ...
현재 날짜 구하기. 날짜 객체 new Date() 를 문자열로 변환한다.
this.dateToString(new Date());
이전 날짜 구하기. ? 값을 수정 하면 된다. 3일 경우 3일 전, 4일 경우 4일 전 이다.
this.dateToString(new Date(Date.parse(new Date()) - ? * 24 * 60 * 60 * 1000));
이후 날짜를 구하기. ? 값을 수정 하면 된다. 3일 경우 3일 후, 4일 경우 4일 후 이다.
this.dateToString(new Date(Date.parse(new Date()) + ? * 24 * 60 * 60 * 1000));
현재 날짜에 속한 달 시작 일 구하기. 날짜 객체의 일 을 1로 변경 한다.
var startMonthDate = new Date();
startMonthDate.setDate(1);
현재 날짜에 속한 달 말 일 구하기. 날짜 객체의 달을 다음 달로 변경 하고 일을 0으로 변경 한다.
var endMonthDate = new Date();
endMonthDate.setMonth(endMonthDate.getMonth() + 1);
endMonthDate.setDate(0);
위 내용들을 활용 해보자.
'Javascript' 카테고리의 다른 글
| jQuery로 Ajax 처리시 Array 전송하기 (0) | 2012.12.06 |
|---|---|
| jQuery 다수의 Ajax 요청 처리 관련 (2) | 2012.11.27 |
| jQuery Ajax (0) | 2012.11.09 |
| jQuery each (0) | 2012.11.08 |
| jQuery Selector (0) | 2012.11.07 |