이벤트 게시판 날짜 오류 수정하기!

팁과노하우

2025.03.04 10:29

이벤트 게시판 날짜 오류 수정하기!

미니님a미니홈 1:1 대화하기 오래 전 2025.03.04 10:29 인기
191

13

안녕하세요...

미니님a입니다.

최근 공개된 이벤트 게시판 내 날짜 선택 오류가 존재합니다.

아래 스크린샷 확인해주세요

보시는 바와 같이 3월 7일 시작이고 종료가 3월 2일??인 비정상적으로 선택되는 오류가 있습니다.

다시 말해, 종료일 선택 시 시작일 보다 작으면 선택할 수 없도록 해야 합니다.

해당 오류를 수정 해봅시다.

※ 본 팁은 스킨으로 별도 제작하지 않습니다. 따라서, 아래 코드만 수정 시 정상 이용할 수 있습니다.

이벤트 게시판/write.skin.php 75번 76번 라인을 찾아주세요

아래 코드를 찾으시면 됩니다.


<input type="text" name="wr_1" class="datepicker_inp datepicker" value="<?php echo isset($write['wr_1']) ? $write['wr_1'] : ''; ?>" id="wr_1" class="input" placeholder="시작일" required autocomplete="off" readonly>
<input type="text" name="wr_2" class="datepicker_inp datepicker" value="<?php echo isset($write['wr_2']) ? $write['wr_2'] : ''; ?>" id="wr_2" class="input" placeholder="종료일" required autocomplete="off" readonly>

위 코드를 아래 코드로 변경 해주세요


<input type="text" name="wr_1" class="datepicker_start datepicker" value="<?php echo isset($write['wr_1']) ? $write['wr_1'] : ''; ?>" id="wr_1" class="input" placeholder="시작일" required autocomplete="off" readonly>
<input type="text" name="wr_2" class="datepicker_end datepicker" value="<?php echo isset($write['wr_2']) ? $write['wr_2'] : ''; ?>" id="wr_2" class="input" placeholder="종료일" required autocomplete="off" readonly>

그리고 바로 밑에 스크립트를 추가 해주세요


<script>
        $(function() {
            $('.datepicker_start').datepicker({
                minDate: 0
            });
            $('.datepicker_end').datepicker({
                minDate: 0,
                beforeShow: function(input, inst) {
                    var startDate = $('.datepicker_start').datepicker('getDate');
                    if (startDate) {
                        $(this).datepicker('option', 'minDate', startDate);
                    }
                }
            });
            
            // 시작일이 변경되면 종료일의 최소 날짜를 업데이트
            $('.datepicker_start').on('change', function() {
                var startDate = $(this).datepicker('getDate');
                if (startDate) {
                    $('.datepicker_end').datepicker('option', 'minDate', startDate);
                }
            });
        });
    </script>

잘 모르겠다? 하시면 아래 스크린샷 참고 하시길 바랍니다.