project_0415

• 경기 5일전 날짜들을 배열로 따로 뽑을 필요가 없을 거 같아...

• td, div 그리는 부분에서 DATE 형식으로 만들어서 현재날짜랑 경기있는 날이랑 비교해서 경기있는 날 5일전 태그들에 클래스 이름 추가 해주면 될거같아?

1. 일단 경기있는 날을 DATE 형식으로 만들어주고
2. 현재날짜랑 비교해서 일치하면

• 🚨문제발생🚨
  • 날짜비교하니까 똑같은데 false가 되길래 찾아보니 Date 객체는 == 또는 ===로 크기를 비교할 수 없대!!!!
  • 방법

// 날짜로 비교
const isSameDateAndTime = (date1, date2) => {
return date1.getTime() === date2.getTime();
}

const date1 = new Date('2022-05-04 12:20:30');
const date2 = new Date('2022-05-05 15:30:40');
const date3 = new Date('2022-05-05 15:30:40');

console.log(isSameDateAndTime(date1, date2));
console.log(isSameDateAndTime(date2, date3));

// 시간으로 비교
const isSameDate = (date1, date2) => {
  return date1.getFullYear() === date2.getFullYear()
     && date1.getMonth() === date2.getMonth()
     && date1.getDate() === date2.getDate();
}

const date1 = new Date('2022-05-04 12:20:30');
const date2 = new Date('2022-05-04 15:30:40');
const date3 = new Date('2022-05-05 15:30:40');

console.log(isSameDate(date1, date2));
console.log(isSameDate(date2, date3));

3. 현재날짜에서 5일을 뺀 날 ~ 현재날짜의 클래스에 클래스를 추가

다시 정리...ㅎ
1. 클래스에서 날짜 split해서 변수 a에 담는다. a=03.02
2. a를 split해서 변수 month, day에 담는다. month=03 / day=02
3. 자바스크립트에서 new Date(연, 월, 일) 를 변수 game1에 담는다. -> 날짜데이터
4. test변수에 new Date(game1 5일전) 날짜데이터를 담는다.
5.if(test <= game1){색칠 class 넣기}