javascript - 如何向第1个Datepicker添加30天，在第2个Datepicker上显示。并在第二天添加3天，在第三天显示？

是jQuery和JavaScript的新手。因此，请帮助我解决我的问题。

能够使用两个日期选择器添加日期。但是我想要的是从3个日期选择器中提取几天，并在第4个日期选择器上显示它。我想知道解决方案！

我的代码是:)

<p>Date:
    <input id="txtDate" type="text" />
</p>

<p>
    <input type="button" onclick="getdate()" value="Fill Follow Date" />
</p>

<p>Date:
    <input id="follow_Date" type="text" />
</p>

<p>
    <input type="button" onclick="getdate()" value="Fill Follow DateOne" />
</p>
<p>Date:
    <input id="follow_Date_One" type="text" />
</p>
<script>
$(document).ready(function () {
    $('#txtDate').datepicker();
    $('#follow_Date').datepicker();
    $('#follow_Date_One').datepicker();
});

function getdate() {
    var tt = document.getElementById('txtDate').value;

    var date = new Date(tt);
    var newdate = new Date(date);

    newdate.setDate(newdate.getDate() + 30);

    var dd = newdate.getDate();
    var mm = newdate.getMonth() + 1;
    var y = newdate.getFullYear();

    var someFormattedDate = mm + '/' + dd + '/' + y;
    document.getElementById('follow_Date').value = someFormattedDate;

    var rr = document.getElementById('follow_Date').value;

    var dateOne = new Date(rr);
    var newdateOne = new Date(dateOne);

    newdateOne.setDate(newdateOne.getDate() + 3);

    ar dd = newdateOne.getDate();
    var mm = newdateOne.getMonth() + 1;
    var y = newdateOne.getFullYear();

    var someFormattedDateOne = mm + '/' + dd + '/' + y;
    document.getElementById('follow_Date_One').value = someFormattedDateOne;



}
</script>
</form>

我在这里做的是，我从第一个Datepicker中获取日期，然后单击按钮Fill Follow Date，将30添加到当前日期并显示在第二个Datepicker中，这使我能够去做吧。

现在，当我单击按钮Datepicker时，我想取第二个day 3并添加Fill Follow DateOne并显示在第三个Datepicker上。无法执行第二部分。请您的逻辑帮助我。
抱歉，如果我的逻辑是完全错误的：

最佳答案

在两次单击按钮的代码中，您调用的是同一函数，为这些单击按钮添加两个单独的函数。它将正常工作。

试试这个代码

$(document).ready(function () {
$('#txtDate').datepicker();
$('#follow_Date').datepicker();
$('#follow_Date_One').datepicker();

$('input[id="follow_Date_btn"]').on('click',function(){
var tt = document.getElementById('txtDate').value;
 if(!tt==""){
var date = new Date(tt);
var newdate = new Date(date);

newdate.setDate(newdate.getDate() + 30);

var dd = newdate.getDate();
var mm = newdate.getMonth() + 1;
var y = newdate.getFullYear();

var someFormattedDate = mm + '/' + dd + '/' + y;
document.getElementById('follow_Date').value = someFormattedDate;
} else {
alert("enter date");
}
});
  $('input[id="follow_Date_One_btn"]').on('click',function(){
var rr = document.getElementById('follow_Date').value;
if(!rr==""){
var dateOne = new Date(rr);
var newdateOne = new Date(dateOne);

newdateOne.setDate(newdateOne.getDate() + 3);

var dd = newdateOne.getDate();
var mm = newdateOne.getMonth() + 1;
var y = newdateOne.getFullYear();

var someFormattedDateOne = mm + '/' + dd + '/' + y;
document.getElementById('follow_Date_One').value = someFormattedDateOne;
    } else {
alert("enter date");
}
  });
});

   .Highlighted a {
    background-color: Red !important;
    background-image: none !important;
    color: White !important;
}
.block{
  width:calc(100%/4 - 10px);
  float:left;
  margin-right:10px;
}
 .block>input {
float: left;
width: 100%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<p>Date:
<input id="txtDate" type="text" />
</p>

<p>
<input type="button" id="follow_Date_btn" value="Fill Follow Date" />
</p>

<p>Date:
<input id="follow_Date" type="text" />
</p>

<p>
<input type="button" id="follow_Date_One_btn" value="Fill Follow DateOne" />
</p>
<p>Date:
<input id="follow_Date_One" type="text" />
</p>

关于javascript - 如何向第1个Datepicker添加30天，在第2个Datepicker上显示。并在第二天添加3天，在第三天显示？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44131263/