我只需要在開始日期選擇的日期選擇器中顯示未來一個月的日期

Question

enter code here

 $("#StartDate").datepicker({ dateFormat: 'dd/mm/yy', onSelect: function (selectedDate) { if (this.id == 'StartDate') { //console.log(selectedDate);//2014-12-30 var arr = selectedDate.split("/"); var date = new Date(arr[2]+"-"+arr[1]+"-"+arr[0]); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var minDate = new Date(y, m, d + 1); $("#EndDate").datepicker('setDate', minDate); } } }); $("#EndDate").datepicker({dateFormat: 'dd/mm/yy'});

 <input id="StartDate" type="text" name="StartDate"> <input id="EndDate" class="datepicker" type="text" name="EndDate">

給出的任何必需的插件都是可觀的。

這里的要求就像我有兩個輸入字段，一個用於開始日期，另一個用於結束日期，例如，如果 select 開始日期為 21-05-2020 並且自動結束日期輸入字段應獲取未來一個月的日期為2020 年 6 月 21 日。 最后 output 應該像開始日期：21-05-2020 到結束日期：21-06-2020。

Answer 1

您只需要添加minDate和maxDate屬性，如下所示（單擊下方的運行代碼片段按鈕以進行現場演示）：

 $(function() { $("#datepicker").datepicker({ minDate: 0, // ban dates in the past maxDate: "+1M" // allow only 1 month in the future }); });

 <link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="https://code.jquery.com/jquery-3.1.0.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <body> <p>My cool date Date: <input type="text" id="datepicker"></p> </body>

我只需要在開始日期選擇的日期選擇器中顯示未來一個月的日期

問題描述

1 個解決方案

解決方案1
0 2020-05-21 02:25:56

我只需要在開始日期選擇的日期選擇器中顯示未來一個月的日期

問題描述

1 個解決方案

解決方案1 0 2020-05-21 02:25:56

解決方案1
0 2020-05-21 02:25:56