2026, 새로운 도약을 시작합니다.
SIR
목록으로
이전글 다음글

datepicker 관련 문의입니다. 채택완료

폭풍회오리
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전 조회 1,899
답변 2
목록
Copy 
$('.btn2').one('click', function() {

    var d = new Date($('#wr_7').val()); 

    d.setDate(d.getDate() + 30);

    $('#wr_7').val( d.formatYMD() );

});

위는 자바스크립트 코드입니다.

시작날짜라 wr_7에 담겨져 있고, 여기에 30일을 더해서 종료날짜 wr_8을 변경하려고 하는데, 잘 안되네요

wr_8 쪽에 NaN-NaN-NaN 이렇게 출력이 되버립니다.

종료날짜 부분에 30일을 더해서 동적으로 출력을 하려면 위 소스코드는 잘못된 것일까요?

#그누보드5 #php

답변 2개

채택된 답변
+20 포인트

978180634_1712305856.1928.gif

풀코드로 테스트 해봤습니다.

Copy 








    

    

    

    Document

    

    

    

    

        $(document).ready(function () {

            Date.prototype.formatYMD = function() {

                return (this.getFullYear() + '-' + (this.getMonth() + 1) + '-' + this.getDate()).replace(/-(\d)(?=\D|$)/g, '-0$1');

            };

            $.datepicker.setDefaults({

                dateFormat: 'yy-mm-dd',

                prevText: '이전 달',

                nextText: '다음 달',

                monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],

                monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],

                dayNames: ['일', '월', '화', '수', '목', '금', '토'],

                dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'],

                dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],

                showMonthAfterYear: true,

                yearSuffix: '년'

            });

            $('#wr_7').datepicker({

                dateFormat: 'yy-mm-dd',

                minDate: 0,

                onSelect: function (selected) {

                    var dt = new Date(selected);

                    dt.setDate(dt.getDate() + 30);

                    $('#wr_8').datepicker('option', 'minDate', dt);

                    $('#wr_8').datepicker('setDate', dt);

                }

            });

            $('#wr_8').datepicker({

                dateFormat: 'yy-mm-dd',

                minDate: 0

            });

        });

    





광고시작일
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

와 정말 멋지게 작동되네요. 감사합니다

댓글을 작성하려면 로그인이 필요합니다.

Copy 


$('.btn2').one('click', function() {

    var startDate = new Date($('#wr_7').val());

    var endDate = new Date(startDate);

    endDate.setDate(startDate.getDate() + 30);

    var formattedEndDate = endDate.toISOString().slice(0, 10); 

    $('#wr_8').val(formattedEndDate);

});
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

답변 감사합니다. 그런데, 작동이 안됩니다ㅜㅜ
시작일과 종료일 입력 부분은 아래와 같이 되어 있습니다

<label for="wr_7">광고시작일</label><input type="text" value="<?php echo $wr_7 ?>" id="wr_7" name="wr_7" readonly>
<label for="wr_8">광고종료일</label><input type="text" value="<?php echo $wr_8 ?>" id="wr_8" name="wr_8" readonly>

그리고 위 자바스크립트 위쪽 시작부분은 아래와 같습니다
<script>
Date.prototype.formatYMD = function() {
return (this.getFullYear() + '-' + (this.getMonth() + 1) + '-' + this.getDate()).replace(/-(\d)(?=\D|$)/g, '-0$1');
};
$.datepicker.setDefaults({
dateFormat: 'yy-mm-dd',
prevText: '이전 달',
nextText: '다음 달',
monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
dayNames: ['일', '월', '화', '수', '목', '금', '토'],
dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'],
dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],
showMonthAfterYear: true,
yearSuffix: '년'
});
$('#wr_7').datepicker({
dateFormat: 'yy-mm-dd',
minDate: 0,
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() + 1);
$('#wr_8').datepicker('option', 'minDate', dt);
}
});
$('#wr_8').datepicker({ dateFormat: 'yy-mm-dd' });

한번만 살펴주시면 감사하겠습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고