DatePicker 시작 날짜 및 완료 날짜 유효성 검사 (플러그인 없음)

Question

JqueryUI에서 Asp.Net MVC 4 사용.

나는 datepickers를 제공하는 2 개의 텍스트 상자가 있습니다. 나는 검증이 필요하다. 시작 날짜는 종료 날짜와 동일 할 수 있으며 종료 날짜는 시작 날짜보다 작을 수 없습니다.

Datepicker 스크립트 코드;

<script> 
    $(function() { 
     $(".date").datepicker({ 
      changeMonth: true, 
      changeYear: true 
     }); 
    }); 

</script> 

내 텍스트 상자 :

<td>@Html.TextBoxFor(model => model.StartDate, "{0:dd.MM.yyyy}", new { @class = "date", @id="dt1" }) </td> 

<td>@Html.TextBoxFor(model => model.FinishDate, "{0:dd.MM.yyyy}", new { @class = "date", @id="dt2" }) </td> 

I found this code from this subject. 그러나 나는 검증을 얻을 수 없다. 문제가 무엇인지 파악할 수 없습니다. 모든 도움을 주시면 감사하겠습니다.

$(document).ready(function() { 

$("#dt1").datepicker({ 
    dateFormat: "dd-M-yy", 
    minDate: 0, 
    onSelect: function (date) { 
     var dt2 = $('#dt2'); 
     var startDate = $(this).datepicker('getDate'); 
     var minDate = $(this).datepicker('getDate'); 
     dt2.datepicker('setDate', minDate); 
     startDate.setDate(startDate.getDate() + 30); 
     //sets dt2 maxDate to the last day of 30 days window 
     dt2.datepicker('option', 'maxDate', startDate); 
     dt2.datepicker('option', 'minDate', minDate); 
     $(this).datepicker('option', 'minDate', minDate); 
    } 
}); 
$('#dt2').datepicker({ 
    dateFormat: "dd-M-yy" 
}); 

});

JQuery - end date less than start date

Answer 1

난 당신이 모두 다른 경우 datepickers 중 하나에 오류가 표시됩니다 변경할 때이 5 월, 당신을 도와줍니다 생각합니다. 또한 isValid 변수를 false로 설정하면 제출할 수 없게됩니다.

<script> 
    var isValid=true; 
    $(function() { 
     $(".date").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      onSelect: function() { 
       var date1 = $("#dt1").datepicker('getDate'); 
       var date2 = $("#dt2").datepicker('getDate'); 
       if (date1.getDate() === date2.getDate() && 
        date1.getMonth() === date2.getMonth() && 
        date1.getFullYear() === date2.getFullYear()) 
       { 
        isValid=false; 
        //ALERT error 
       } 
      } 
     }); 
    }); 

</script>