Question

我正在使用Materialise的自定义Pickadate日期选择器。

这是我的HTML，我正在使用Materialise 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/

如何限制第二个日期选择器不超过第一个日期选择器的选定日期？

1 个答案: