2012-03-07 16 views
3

私は、Calenderプラグインを使用して、それぞれ&から2つの日付を選択しています。私は値を常に値よりも大きいものと比較する必要があります。なぜなら、日付を選ぶとすぐにjQueryを使用するからです。私は次のコードjQueryを使用して2つの日付を比較する

var fromDate = $("#from").val(); 
var toDate = $("#to").val(); 
if (Date.parse(fromDate) > Date.parse(toDate)) { 
    alert("Invalid Date Range!\nStart Date cannot be after End Date!") 
    return false; 
} 

そしてHTMLコードを使用しています

は次のとおりです。

<input type="text" name="from" id="from" value="" class="datepicker validate[custom[date]]" tabindex="4" /> 
<input type="text" name="from" id="from" value="" class="datepicker validate[custom[date]]" tabindex="4" /> 

私は比較ですためにjqueryの検証プラグインを使用する場合:http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

と同様に

<input value="" class="validate[required,custom[date],future[2009-01-01]" type="text" id="d1" name="d1" /> 

+1

既存の複製を確認してください。 http://stackoverflow.com/questions/658522/age-from-date-of-birth-using-jquery – Teja

+0

私はそれ – neoascetic

+0

のために私の場合は、純粋なJSを使用している場合((新日(fromDateから).getTime ()>新しい日付(toDate).getTime())) – Ghostman

答えて

4

HTMLコードを変更する必要があります。両方のフィールドに同じIDと名前を使用しています。以下のように変更してください

<input type="text" name="from" id="from" value="" class="datepicker validate[custom[date]]" tabindex="4" /> 
<input type="text" name="to" id="to" value="" class="datepicker validate[custom[date]]" tabindex="4" /> 
+2

このリンクを確認してくださいhttp://jqueryui.com/demos/datepicker/#date-range – pkachhia

+1

+1あなたの役に立つかもしれません。ここの実例 - http://jsfiddle.net/LBSAp/ – Phil

+0

でも役に立たない – Ankit