DatePicker的代码 - 第二个日期必须大于第一个日期1天

时间:2016-04-18 14:10:06

标签: shopify

我一直在尝试使用大量指南来了解如何让dropdate DatePicker从dropoffdate DatePicker增加1天,但我无法让它工作。我不确定如何让这两个元素在<script>代码中协同工作。

我拥有的是:

{{ '//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag }}
{{ '//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' | script_tag }}

<div style="width:300px; clear:both;">
  <p>
    <label for="dropoffdate">Specify a drop off date:</label>
    <input id="dropoffdate" type="text" name="attributes[dropoffdate]" value="{{ product.attributes.dropoffdate }}" />
  </p>

  <p>
    <label for="pickupdate">Specify a pick up date:</label>
    <input id="pickupdate" type="text" name="attributes[pickupdate]" value="{{ product.attributes.pickupdate }}" />
  </p>

</div>

<script>
jQuery(function() {
  jQuery("#dropoffdate").datepicker( { 
    minDate: +1, 
    maxDate: '+2M',
    dateFormat: "dd/mm/yy"
  } );
});

jQuery(function() {
  jQuery("#pickupdate").datepicker( { 
    minDate: +1, 
    maxDate: '+2M',
    dateFormat: "dd/mm/yy"
  } );
});
</script>

有人能帮助我吗?

1 个答案:

答案 0 :(得分:0)

我认为您正在寻找的是:

$("#dropoffdate").datepicker({
  minDate: new Date() +1,
  maxDate: new Date() +60,
  dateFormat: "dd/mm/yy",
  onClose: function() {
    $("#pickupdate").datepicker({
     ....
     minDate: new Date($("#dropoffDate").val()) + 1,
     maxDate: new Date($("#dropoffDate").val()) + 60,
  });

});