project_0413

ooohyooo·2024년 4월 13일

myproject

목록 보기
36/44
  • 기존에는 게임있는 날 체크하는 함수 내에서 경기 전 날짜를 판단해서 아무런 소용이 없었음

  • 게임이 있는 날에 대해서 색을 칠하는게 아니라 달력을 그릴때 경기 5일전을 담아둔 배열과 경기일을 담은 배열을 비교?하는 식으로 넣어줘야할거같음

  • 일단 경기 있는 날에 대한 배열은 scheduleData[i].date가 있으니까

  • 경기 5일 전을 담는 배열을 만들고

// 경기 5일전 날짜 배열
      const gameDates5DaysBefore = [];

      gameDates.forEach(date => {
    	  
          const [monthStr, dayStr] = date.split('.'); 
          
          const month = parseInt(monthStr, 10);
          const day = parseInt(dayStr, 10);

          const originalDate = new Date();
          originalDate.setMonth(month - 1);
          originalDate.setDate(day);
          
          const fiveDaysBefore = new Date(originalDate);
          fiveDaysBefore.setDate(originalDate.getDate() - 5);

          const formattedMonth = String(fiveDaysBefore.getMonth() + 1).padStart(2, '0');
          const formattedDay = String(fiveDaysBefore.getDate()).padStart(2, '0');
          const formattedGameDate = formattedMonth + "-" + formattedDay;
          
          
          gameDates5DaysBefore.push({ formattedGameDate: formattedGameDate });
      });

  • 달력 그릴 때 현재 날짜가 경기 5일전날이랑 같고 경기일자보다 작으면 reservationdate.classList.add("reservationdate2"); 클래스를 추가!!
    (만약 겹치는거 확인할라면 배경에 투명색주면 보이려나?)

0개의 댓글