이 소스에서 날짜 선택 제한 하는거 가능할까요?

이 소스에서 날짜 선택 제한 하는거 가능할까요?

QA

이 소스에서 날짜 선택 제한 하는거 가능할까요?

본문

안녕하세요.
제가 사용하는 소스중 일부 입니다.


날짜 선택관련인데,
sdate가 시작 날짜 edate가 끝나는 날짜 입니다.

 

sdate는 시작일이 무조건 오늘 날짜 이후로만 선택 가능한 상태고,
edate는 sdate에서 선택한 날짜 이후로만 선택 가능하게 되어 있습니다.

 

그런데, edate가  sdate에서 선택한 날짜 이후 무제한으로 선택 가능하게 되어 있는데,
sdate 선택된 날짜부터 7일 이내만 선택 가능하게 할 수 있는 방법이 있을까요?

 

그러니깐 sdate 선택한 날짜가 5월 1일 이라면,
edate는 5월 1일부터 5월 7일까지만 선택 가능하게...

 

maxDate:를 잘 넣어주면 될거 같긴한데,
이런쪽으로는 잘 몰라서 방법을 모르겠습니다.

 

혹시 의뢰를 가지 않아도 될 정도의 문제라면 아시는 분 좀 알려주시면 정말 감사하겠습니다.

 


    $('#sdate').datetimepicker({
        allowTimes:at,
        timepicker:false,
        format:    'Y-m-d',
        onClose:function(ct,$i){
          if($("#sdate").val() != "" && $("#edate").val() != "") {              
            GoPayCheck();
          }
        },onShow:function( ct ){
   this.setOptions({
   minDate:"<?php echo 'G5_TIME_YMD';?>",
    maxDate:jQuery('#edate').val()?jQuery('#edate').val():false
   })
  }
    });
    $('#edate').datetimepicker({
        allowTimes:at,
        timepicker:false,
        format:    'Y-m-d',
        onClose:function(ct,$i){
          if($("#sdate").val() != "" && $("#edate").val() != "") {              
            GoPayCheck();            
          }
        },onShow:function( ct ){
   this.setOptions({
    minDate:jQuery('#sdate').val()?jQuery('#sdate').val():"<?php echo 'G5_TIME_YMD';?>"
   })
  }
    });

이 질문에 댓글 쓰기 :

답변 1

이렇게 해보는건 어떠실까요?

 

$('#sdate').datetimepicker({

allowTimes: at,

timepicker: false,

format: 'Y-m-d',

onClose: function (ct, $i) {

if ($("#sdate").val() !== "" && $("#edate").val() !== "") {

GoPayCheck();

}

},

onShow: function (ct) {

this.setOptions({

minDate: "<?php echo 'G5_TIME_YMD';?>",

maxDate: jQuery('#edate').val() ? jQuery('#edate').val() : false

});

},

});

 

$('#edate').datetimepicker({

allowTimes: at,

timepicker: false,

format: 'Y-m-d',

onClose: function (ct, $i) {

if ($("#sdate").val() !== "" && $("#edate").val() !== "") {

GoPayCheck();

}

},

onShow: function (ct) {

var startDate = jQuery('#sdate').val();

if (startDate !== "") {

var maxDate = new Date(startDate);

maxDate.setDate(maxDate.getDate() + 7); // 시작일로부터 7일 이후

maxDate = maxDate.toISOString().split('T')[0]; // ISO 형식의 날짜 문자열로 변환

this.setOptions({

minDate: startDate,

maxDate: maxDate

});

} else {

this.setOptions({

minDate: "<?php echo 'G5_TIME_YMD';?>"

});

}

},

});

 

답변을 작성하시기 전에 로그인 해주세요.
전체 139
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT