jquery datepicker로 날짜 범위 확인

Question

내 datepicker에서 두 번째로 선택한 값이 첫 번째 선택한 datepicker 이전이 아닌지 확인해야하는 새 스크립트에 내 datepicker의 값을 가져 오려고합니다.

그러나 내 스크립트는 실행되지 않습니다. 내가 디버그 유타 방화범을 시작할 때 그러나, 늘 실행 내 라인 $('#submitfloat').submit(function() { 것 같아

<div class="editor-field"> 
     @Html.TextBox("PlannedDate", Model.PlannedDate, new { @class = "date", @readonly = "readonly" }) 
     @Html.TextBox("CompletedDate", Model.CompletedDate, new { @class = "date", @readonly = "readonly" }) 
     @Html.ValidationMessageFor(model => model.CompanyName) 
    </div> 
<input id="submitfloat" type="submit" value="Go" /> 

이

<script> 
    $(".date").datepicker(); 
    $('#submitfloat').submit(function() { 
    var fromDate = $('#PlannedDate').val(); 
    var EndDate = $('#CompletedDate').val(); 
    if (Date.parse(fromDate) > Date.parse(EndDate)) { 
    alert("Date error") 
    } 
    return false; 

}); 

내 스크립트

입니다 :

이 내이다.

누구든지 내 문제가 무엇이며 어떻게 해결 될 수 있는지 알고 있습니까? 미리 감사드립니다

Answer 1

잘 대답, 내가 당신을 도울 수 있기를 바랍니다.

처음으로 내보기 :

<script src="Js/jquery.min.js" type="text/javascript"></script> 
    <script src="Js/jquery.validate.min.js" type="text/javascript"></script> 
    <script src="Js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script> 
    <link href="Css/start/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" /> 

내가 날짜 선택 및 검증 지금

<form id="custom" action=""> 
     <input type="text" id="fechaLlegada" name="fechaL" style="color: #4080BF; font: bold 12px verdana; padding: 0 2px 3px 2px;"/> 
     <input type="text" id="fechaSalida" name="fechaS" style="color: #4080BF; font: bold 12px verdana; padding: 0 2px 3px 2px;"/> 
     <br /> 
     <input type="submit"/> 
    </form> 

스크립트

<script type="text/javascript"> 
jQuery.validator.addMethod("isValid", function (value, element) { 
    var startDate = $('#fechaLlegada').val(); 
    var finDate = $('#fechaSalida').val(); 
    return Date.parse(startDate) < Date.parse(finDate); 
}, "* End date must be after start date"); 

$(function() { 
    $('#fechaLlegada,#fechaSalida').datepicker() 

    $('#custom').validate({ 
     rules: { 
      'fechaL': { required: true, date: true }, 
      'fechaS': { required: true, date: true, isValid: true } 
     }, messages: { 
      'fechaL': { required: 'date required msj!', 
       date: 'invalid date format msj' 
      }, 
      'fechaS': { required: 'date required msj!', 
       date: 'invalid date format msj', 
       isValid: 'End date must be after start date' 
      } 
     } 
    }); 

}); 
</script> 

을 위해 내가 JQuery와 유효성을 검사하는 방법을 추가 한 사용 날짜 유효성 검사를 위해 나는 그것을 검증 스크립트의 규칙으로 사용한다.

this is working for me, i hope it helps someone