2016-04-18 15 views
0

私はpickupDateのDatePickerをdropoffdate DatePickerから1日増やす方法について多くのガイドを使用しようとしていますが、それを働かせてください。私はどのように<script>タグで一緒に働く2つの要素を取得するか分からない。私が持っているものDatePickerのコード - 2番目の日付は最初の日付より1日遅くなる必要があります

は次のとおりです。

{{ '//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> 

誰も私を助けることができますか?

答えて

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, 
    }); 

}); 
関連する問題