jquery datepickerで日付範囲を検証する

Question

私のdatepickerの値を新しいスクリプトに取得しようとしていますが、datepickerの2番目に選択された値が最初に選択されたdatepickerの前にないことを検証する必要があります。

ただし、スクリプトは実行されません。

これが私の見解です：

​​

これは私のスクリプト

<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; 

}); 

である私はFirebugのユタデバッグを開始するときしかし、文句を言わない実行私のライン$('#submitfloat').submit(function() {のように思えます。

誰かが自分の問題点とその解決方法を知っていますか？事前に感謝

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