Wie vergleiche ich das Enddatum mit dem Startdatum im Bootstrap, um sicherzustellen, dass das Enddatum größer ist als das Startdatum

Question

Ich bin neu in der Welt der Codierung. Ich mache eine Webseite mit Bootstrap, um 'Startdatum' und 'Enddatum' auf der Seite aufzunehmen. Aber das Problem ist, ich weiß nicht, wie man das Enddatum immer größer als das Startdatum macht. Ich habe hier den Code eingefügt, den ich aus dem Internet bekommen habe. Jede Hilfe wird This is how the page looks like right now

<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

ich viele Quellen haben gesehen, erkannt werden, verbunden, wenn ich die Frage nicht falsch verstehen. Einer von ihnen ist #12821033.