jQueryUI DatePicker 유효성 검사

Question

앞으로 날짜를 선택하면 오늘 날짜를 선택하면 두 번째 입력 상자에서 양식을 제출할 수 없도록 날짜 필드의 유효성을 검사하려고합니다.

어제의 날짜 선택을 할 수 없도록 작동하도록했습니다. 날짜를 비교할 수 없어 작동하지 않는 것 같습니다.

/js/jquery-ui-1.8.6.custom.min.js"/> 
/js/jquery.validate.js" /> 
/js/jquery.ui.datepicker.validation.js" /> 

<asp:TextBox ID="txtStartDate" runat="server" CssClass="DatepickerInput validBeforeDatepicker" /> 
<asp:TextBox ID="txtEndDate" runat="server" CssClass="DatepickerInput validAfterDatepicker" /> 

<script type="text/javascript"> 
$(function() { 
    $("#tabs").tabs(); 
}); 

$('.validBeforeDatepicker,.validAfterDatepicker').datepicker(); 


$(function() { 
    $(".DatepickerInput").datepicker({ 
     showOn: "button", 
     buttonImage: "/assets/img/calendar.gif", 
     buttonImageOnly: true, 
     minDate: 0, 
     required: true, 
     message: "This is a required field", 
     dateFormat: 'dd-mm-yy' 
    }); 
}); 

$(function() { 
    $("#validAfterDatepicker").datepicker({ 
     showOn: "button", 
     buttonImage: "/assets/img/calendar.gif", 
     buttonImageOnly: true, 
     minDate: +1, 
     required: true, 
     message: "This is a required field", 
     dateFormat: 'dd-mm-yy'    
    }); 
});  

나는이 예제를 다음과 같은거야하지만 내가 잘못 어딘가에 갈거야 및 캔트 아주가 될 수 있는지에 내 손가락을 넣어 것 같다.

웹 사이트 : 웹 사이트에서 양식을 테스트하면 그냥 스팸 될 것으로 http://bit.ly/WdZf10

양식을 제출 해달라고하십시오. 양식을 제출하기 전에도 유효성을 확인하지 못합니다.

Answer 1

문제에 대한 해결책을 찾았을뿐 아니라 사용 된 코드도 적습니다. 나도 공유 할 줄 ​​알았어. 누군가가 갇혀 있으면 사용할 수있어.

<script type="text/javascript"> 

$(function() { 

    function getDiff() { 
     var from = $(".start").val(); 
     var till = $(".fin").val(); 
     var c = from.split("/"); 
     beg = new Date(c[2], c[1] - 1, c[0]); 
     var d = till.split("/"); 
     en = new Date(d[2], d[1] - 1, d[0]); 
     var rest = (en - beg)/86400000; 
     var txt = rest == 0 ? "" : rest + " days" 
     $("#res").text(txt); 
    } 

    $(".start").datepicker({ 
     changeMonth: false, 
     changeYear: false, 
     showAnim: "fadeIn", 
     gotoCurrent: true, 
     minDate: 0, //change this to +3 to start 3 days from now 
     dateFormat: "dd/mm/yy", 
     onSelect: function (dateText, inst) { 
      $(".fin").val(dateText); 
      $(".fin").datepicker("option", "minDate", dateText); 
      getDiff(); 
     } 
    }); 

    $(".fin").datepicker({ 
     dateFormat: "dd/mm/yy", 
     changeMonth: true, 
     changeYear: true, 
     showAnim: "fadeIn", 
     onSelect: getDiff 
    }); 
});