일정 게시판에서 날짜 클래스명을 바꾸어 주려면

일정 게시판에서 날짜 클래스명을 바꾸어 주려면

QA

일정 게시판에서 날짜 클래스명을 바꾸어 주려면

답변 2

본문

안녕하세요? 일정 게시판에서 글쓰기 페이지에서 일정 체크박스를 클릭하면 목록에서 날짜 숫자 색깔을 바꾸어 주려고 합니다. 
잘 생각 해보니 일요일은 날짜 숫자 색깔이 빨간색이니까 체크박스의 클래스 명을 일요일을 지칭하는 클래스 명으로 바꾸어 주면 될거라고 생각해서 코드를 아래와 같이 만들었습니다.

 

if ($write['wr_7'] == '휴일') {

        $option_holiday = 'checked';

          echo '

          <script>

              // JavaScript 코드

              document.addEventListener("DOMContentLoaded", function() {

                  // 체크박스 체크 시 동작할 스크립트

                  var checkbox = document.getElementById("wr_7");

                  checkbox.addEventListener("change", function() {

                      if (this.checked) {

                          // 체크되었을 때의 동작

                          calendar.classList.add("fc-sun");

                      } else {

                          // 체크가 해제되었을 때의 동작

                          calendar.classList.remove("fc-sun"); // 기본 색상으로 변경하거나 다른 스타일을 적용할 수 있습니다.

                      }

                  });

              });

          </script>';

      } else {

          $option_holiday = '';

      }

      $option .= "\n".'<input type="checkbox" id="wr_7" name="wr_7" value="휴일" '.$option_holiday.'>'."\n".'<label for="wr_7">휴일</label>';

하지만 날짜 숫자 색깔이 빨간색으로 변하지 않는데요 .. 

제가 어떤 부분을 더 살펴보면 될까요?

이 질문에 댓글 쓰기 :

답변 2

달력가져오는 스크립트 소스단에다가 해당 날짜가 휴일인지 아닌지 여부를 체크해서 해당 날짜가 휴일인 경우에 해당 표기되는 id값을 주어 해당 id값인경우 class 값이 적용되도록 해주시면 될듯 합니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 125,873
© SIRSOFT
현재 페이지 제일 처음으로