將第一個日期選擇器設置為比第一個日期選擇器提前一年

Question

在我正在處理的項目中，我正在使用JQuery datepickers。 我有一個頁面上有兩個datepickers，我需要我的第二個日期選擇器初始化為提前第一個一年（例如，如果datepicker1設置為2019年1月1日，我需要datepicker2設置為1 /二千零二十分之一）。

我在下面有當前的JavaScript：

<script type="text/javascript">
    $(document).ready(()=>{
        $('#datepicker1').datepicker();
        $('#datepicker1').datepicker("option", "dateFormat","dd-mm-yy");
        $('#datepicker2').datepicker();
        $('#datepicker2').datepicker("option", "dateFormat","dd-mm-yy");
    });
</script>

我不太熟悉datepicker API。 如何使第二個日期選擇器比第一個日期選擇器早一年啟動？

Answer 1

  $(document).ready(function(){ $('#datepicker1').datepicker(); $('#datepicker2').datepicker(); $('#datepicker1').on('change',function(){ $( "#datepicker2" ).datepicker( "destroy" ); var minDate= $('#datepicker1').datepicker( "getDate" ); minDate.setDate(minDate.getDate() + 365); console.log(minDate); $( "#datepicker2" ).datepicker({ minDate: new Date(minDate) }); }); });

 <html> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <body> <p>Date1: <input type="text" id="datepicker1"></p> <p>Date2: <input type="text" id="datepicker2"></p> </body> </html>

您可以通過將更改事件寫入datepicker1來實現。 為了限制日期選擇，只需將minDate屬性設置為datepicker2。 為了檢查1年的差距，我在這里增加了365天，在某些情況下，您可以尋求另一種邏輯可能是錯誤的。 我希望這能幫到您。

將第一個日期選擇器設置為比第一個日期選擇器提前一年

問題描述

1 個解決方案

解決方案1
1 已采納 2018-10-15 13:43:12

將第一個日期選擇器設置為比第一個日期選擇器提前一年

問題描述

1 個解決方案

解決方案1 1 已采納 2018-10-15 13:43:12

解決方案1
1 已采納 2018-10-15 13:43:12