jquery Datepickerの日付範囲の確認

Question

私はBorn dateのようなフィールドを持っています。 jquery datepickerを使用してカレンダーを表示して、ユーザーがdate.Nowを選択できるようにしました。問題があります。生まれ日付フィールドで

生まれ日のような2つの日付ピッカーのフィールドを開くの間で選択するオプションがあります - から--- ---------間は---- ---そして--To ----------

ここで問題は、 'From field'より小さい 'To field'の日付をユーザが選択し、送信ボタンを押すことです提出されます。ユーザーが正しい日付を入力できるように、適切なメッセージを送信して表示しないようにする必要があります。

お願いします。ここで

は私が

<input id="borndate" class="dateISO" onchange="checkDate('borndate');"> 
</input> 

<span id="span_borndate" style="display:none"> 
<input id="borndate" class="dateISO" onchange="checkDate('borndate');"> 
</span> 

これは私が

function checkdate(fieldname) { 

    var comparator = '#comp_' + fieldName; 
    var compVal = $(comparator).val(); 
    Value = $('#' + fieldName).val(); 
    var fromDate = jQuery.datepicker.parseDate('mm-dd-yy', Value, null); 
    Values = $('#' + fieldName + '-to').val(); 
    var toDate = jQuery.datepicker.parseDate('mm-dd-yy', Values, null); 
    $('#span_' + fieldName).find('.error').remove(); 
    if (compVal == "Between") { 
     if (toDate < fromDate) { 
      $('#span_' + fieldName).append("<label class='rangeError' generated='false'>Start date should come before end date</label>"); 
      return false; 
     } 
    } 
    return true; 
} 

を使用していたJavaスクリプトであり、これは

function validateforms() { 
    var valid = true; 
    $('//classnamefor table rows which includes the date td').each(function (index) { 
     fieldName = $(this).attr("name"); 
     if ($('#' + fieldName).hasClass('dateISO')) { 
      valid = checkDate(fieldName); 
     } 
    } 
    return valid; 
} 

を提出しながら、再び呼び出される関数であるを使用していたコードです

Answer 1

試用版

http://jqueryui.com/demos/datepicker/#date-range

と

<input type="text" id="from" name="from_date" value="" readonly="true"/> 
<input type="text" id="to" name="to_date" value="" readonly="true"/>