Bitiş tarihinin başlangıç ​​tarihinden daha büyük olduğundan emin olmak için başlangıç ​​tarihi ile başlangıç ​​tarihini başlangıç ​​grafiğiyle nasıl karşılaştırırım

Question

Kodlama dünyasına yeni yaşıyorum. Sayfada 'Başlangıç ​​tarihi' ve 'Bitiş tarihi' bilgilerini almak için önyükleme programını kullanarak bir web sayfası hazırlıyorum. Ama sorun, bitiş tarihini her zaman başlangıç ​​tarihinden nasıl daha büyük hale getireceğimi bilmem. İnternetten aldığım kodu buraya yapıştırdım. Herhangi bir yardım Ben soruyu yanlış anlamayın eğer ilgili kaynaklardan çok gördük

<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 takdir edilecektir. Bunlardan biri #12821033.