終了日がブートストラップの開始日とどのように比較され、終了日が開始日よりも大きいことを確認しますか？

Question

私は世界をコーディングするのが初めてです。私はブートストラップを使ってページ内の「開始日」と「終了日」を取っているウェブページを作っています。しかし問題は、終了日を開始日よりも長くする方法を知らないことです。私はインターネットから得たコードをここに貼り付けました。すべてのヘルプは、私は質問を誤解していない場合関連情報源の多くを見てきました

<script> 
 
$(document).ready(function() { 
 
    $('#dateRangePicker') 
 
     .datepicker({ 
 
      format: 'mm/dd/yyyy', 
 
      startDate: '01/01/2010', 
 
      endDate: '12/30/2020' 
 
     }) 
 
     .on('changeDate', function(e) { 
 
      // Revalidate the date field 
 
      $('#dateRangeForm').formValidation('revalidateField', 'date'); 
 
     }); 
 
    $('#dateRangePicker1') 
 
    .datepicker({ 
 
     format: 'mm/dd/yyyy', 
 
     startDate: '01/01/2010', 
 
     endDate: '12/30/2020' 
 
    }) 
 
    .on('changeDate', function(e) { 
 
     // Revalidate the date field 
 
     $('#dateRangeForm').formValidation('revalidateField', 'date'); 
 
    }); 
 

 
    $('#dateRangeForm').formValidation({ 
 
     framework: 'bootstrap', 
 
     icon: { 
 
      valid: 'glyphicon glyphicon-ok', 
 
      invalid: 'glyphicon glyphicon-remove', 
 
      validating: 'glyphicon glyphicon-refresh' 
 
     }, 
 
     fields: { 
 
      date: { 
 
       validators: { 
 
        notEmpty: { 
 
         message: 'The date is required' 
 
        }, 
 
        date: { 
 
         format: 'MM/DD/YYYY', 
 
         min: '01/01/2010', 
 
         max: '12/30/2020', 
 
         message: 'The date is not a valid' 
 
        } 
 
       } 
 
      } 
 
     } 
 
    }); 
 
}); 
 
</script>

<div class="form-group"> 
 
     <label class="control-label col-sm-3">Start Date</label> 
 
     <div class="col-sm-6"> 
 
      <div class="input-group input-append date" id="dateRangePicker"> 
 
       <input type="text" class="form-control" name="date" /> 
 
       <span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span> 
 
      </div> 
 
     </div> 
 
    </div> 
 
     
 
    <div class="form-group"> 
 
     <label class="control-label col-sm-3">End Date</label> 
 
     <div class="col-sm-6"> 
 
      <div class="input-group input-append date" id="dateRangePicker1"> 
 
       <input type="text" class="form-control" name="date" /> 
 
       <span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span> 
 
      </div> 
 
     </div> 
 
    </div>

Answer 1

This is how the page looks like right nowを理解されるであろう。 これらのうちの1つは#12821033です。