Как ограничить 2-й выбор даты не более чем на дату, выбранную 1-й датой выбора?

Question

Я использую пользовательскую Pickadate datepicker.

Это мой HTML, и я использую Материализовать CSS

<div class="col s12 m6"> 
    <input type="date" id="check_in" class="datepicker1"> 
    <label for="Check-in">Check in date</label> 
</div> 
<div class="col s12 m6"> 
    <input type="date" id="check_out" class="datepicker2"> 
    <label for="check_out">Check out date</label> 
</div> 

А вот мой Javascript.

<script type="text/javascript"> 
    $('.datepicker1').pickadate({ 
    selectMonths: true, // Creates a dropdown to control month 
    selectYears: 1, // Creates a dropdown of 15 years to control year 
    min: true, 
    format: 'yyyy, mmmm d' 
    }); 

    $('.datepicker2').pickadate({ 
    selectMonths: true, // Creates a dropdown to control month 
    selectYears: 1, // Creates a dropdown of 15 years to control year 
    min: true, 
    format: 'yyyy, mmmm d' 
    }); 
    </script> 

Answer 1

При первом выборе выбора даты вы будете использовать следующий код. picker будет вашим первым финалистом, и picker2 будет вашим вторым финалистом. Onchange, возьмите дату первого сборщика и назначьте его как минимум на втором сборщике.

var date = picker.get() 
picker2.set('min', date) 

http://amsul.ca/pickadate.js/api/