[ JS ] Date 함수를 사용하여 이번 주간, 월간 데이터 구하기

Monthly Weekly Date

월간 주간 구하는 코드를 한번 짜보도록 합시당

 

JS에서 Date 먼저 받아오기

let today = new Date(); // Fri Apr 01 2022 22:39:17 GMT+0900 (한국 표준시)

 

new Date() 함수 호출을 통해 간단하게 날짜를 받아올수있습니다.

 

Honey Tip ( 꿀팁 )

today.getTime(); // 1648820357030

이러한 형식으로 getTime(); 함수를 호출하게 되면 지정된 날짜의 시간에 해당하는 숫자 값(밀리 초)을 반환하게 됩니다.

 

let anyDay = new Date(2022, 3, 1)             // 2022.04.01 00:00:00
    anyDay = new Date(2022, 3, 1, 23, 59, 59) // 2022.04.01 23:59:59

 

new Date(2022, 3, 1) 이런식으로 날짜 YYYY-MM-DD 를 적어주면 2022년 4월 1일 00시 00분 00초 나오는걸 볼수 있습니다.

만약 비교를 하기위해 사용하고 싶다면 new Date(2022, 3, 1, 23, 59, 59) // 2022년 4월 1일 23시 59분 59초 이러한 형태로 사용하면 됩니다.

 

Get Weely ,Monthly First ~ Last (주간, 월간 첫날 ~ 마지막날 구하기)

Get Weekly FirstDay ~ LastDay (주간 첫날부터 마지막날 구하기)

const todayDate = new Date();
let firstDay    = null;
let lastDay     = null;
let subDay      = todayDate.getDay();     // (주간 시작일 일요일) weekly start - sunday
let subDay      = todayDate.getDay() - 1; // (주간 시작일 월요일) weekly start - monday

// 만약 오늘이 일요일이라면 subday가 0이 되기때문에 subday를 6으로 맞춰줍니다.
if (todayDate.getDay() === 0) {
  subDay = 6;
}

firstDay = new Date(
  todayDate.getFullYear(),
  todayDate.getMonth(),
  todayDate.getDate() - subDay
)

lastDay = new Date(
  todayDate.getFullYear(),
  todayDate.getMonth(),
  todayDate.getDate() + (6 - subDay),
  23,
  59,
  59
);

console.log({firstDay, lastDay}); // {firstDay: 2022.03.27, lastDay: 2022.04.02}

주간 첫날 ~ 마지막날 구하는 코드 입니다.

 

주간의 첫번째 날 구하는 공식

subDay 변수에 getDay() // 0~6 데이터를 집어넣어서

Date('YYYY,MM,DD')의 DD 영역에 todayDate.getDate() - subDay 를 하여 이번주의 첫날을 구합니다.

만약 subDay = getDay() - 1 을 하게 되면 주간 시작일을 월요일(default sunday)로 만들수 있습니다.

 

마지막날 구하는 공식 

todayDate.getDate() + (6 - subDay) 하여 주간의 마지막 날을 구할수 있습니다.

new Date(getFullYear(), getMonth(), getDate() + (6 - subday), 23, 59, 59) 마지막에 23, 59, 59 를 넣은 이유는 그냥 년, 월, 일을 넣게되면 2022년 4월 2일 00시 00분 00초 가 되기 때문에 23, 59, 59를 하여 2022년 4월 2일 23시 59분 59초 이런식으로 만들어서 데이터를 제대로 받아오기 위함 입니다.

Get Monthly FirstDay ~ LastDay (월간 첫날부터 마지막날 구하기)

const firstDay = new Date(
  todayDate.getFullYear(),
  todayDate.getMonth(),
  1
);

const lastDay = new Date(
  todayDate.getFullYear(),
  todayDate.getMonth() + 1,
  0,
  23,
  59,
  59
);

console.log({firstDay, lastDay}); // {firstDay: 2022.04.01, lastDay: 2022.04.30}

월간 첫날을 구하는 공식

new Date( todayDate.getFullYear(), todayDate.getMonth(), 1 );

day 부분에 1을 넣으면 그 달의 첫날을 구할수 있습니다.

마지막날을 구하는 공식

new Date( todayDate.getFullYear(), todayDate.getMonth() + 1, 0 );

month에 +1을 하고 day 부분에 0을 넣게되면 다음달의 1일이 아닌 0일이 되기때문에 그 전날이니깐 이번달의 마지막 날이 됩니다.

get increaseWeekly (next week)

const increaseWeekly = new Date(todayDate.getFullYear(), todayDate.getMonth(), todayDate.getDate() + 7);

다음주를 구하기 위해 new Date() 에서 date 넣는 영역에 todayDate.getDate() + 7 을 하여 +7일 후인 다음 주로 만들 수 있습니다.

get decreaseWeekly (last week)

const decreaseWeekly = new Date(todayDate.getFullYear(), todayDate.getMonth(), todayDate.getDate() - 7);

지난주를 구하기 위해 new Date() 에서 date 넣는 영역에 todayDate.getDate() - 7 을 하여 -7일 전인 지난 주로 만들 수 있습니다.

get increaseMonthly (next Month)

const increaseMonthly = new Date(todayDate.getFullYear(), todayDate.getMonth() + 1); // 2022.05.01

 

다음 달을 구하기 위해 new Date() 에서 Month 넣는 영역에 todayDate.getMonth() + 1 을 하여 한달 뒤인 다음 달로 만들 수 있습니다.

 

get decreaseMonthly (last Month)

const increaseMonthly = new Date(todayDate.getFullYear(), todayDate.getMonth() - 1);

지난 달을 구하기 위해 new Date() 에서 Month 넣는 영역에 todayDate.getMonth() - 1 을 하여 지난 달로 만들 수 있습니다.

 

Github: https://github.com/GangOn0215/dev-til/blob/main/JavaScript/Date.md