Date 함수 관련

 

 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); 

 

 

 위 내용들을 활용 해보자.