javascript - 如何在java脚本中向任何给定日期添加任意天数

Question

感觉我已经超出了我的能力范围。此外，此网站上发布的类似问题往往只显示代码片段 - 对初学者没有帮助，或者不断提及向今天的日期添加天数，这对我也不完全有帮助。我有一个表格，要求用户输入他们希望借用元素的天数以及他们希望贷款开始的日期。后者可以按以下格式编写:01/12/2015。如何编写一个函数来获取返回日期并将其显示在表单中？这是我到目前为止所拥有的

function ReturnDate(){ // code indentation
   var reservationStart = document.getElementById('reservationStart').value;
   var requestedDays = parseInt(document.getElementById('days').value);
   var returnDate = document.getElementById('DateEnd');
   myResult = Date.setTime(reservationStart.getTime() + requestedDays* 86400000);
   DateEnd.value = myResult;
}

我也不完全确定为什么我们要乘以 86400000

根据要求，请查找 HTML 代码:

<tr>
    <td>Number of days</td>
    <td><input type="text" name="days" id="days" onkeyup="calculate()" placeholder= "Enter the number of days you wish to borrow the game for" autocomplete="off" style="width:80%" /></td>
</tr>

<tr>
    <td>Date start <i>(dd/mm/yyyy)</i></td>
    <td><input type="text" value="" name="reservationStart" id="reservationStart" onkeyup="ReturnDate()" style="width:80%"/></td>
</tr>

<tr>
    <td>Date end</td>
    <td><input type="text" value="" name="DateEnd" id="DateEnd" style="width:80%"/></td>
</tr>

Answer 1

这是一个包含输入验证和 Magomogo 日期解析的完整示例。

输入和输出的格式均为yyyy/mm/dd。如果您需要支持其他格式，例如 mm/dd/yyy 或 dd/mm/yyyy，则必须更改这些位。

function ReturnDate() {
    var returnDate = '';
    var reservationStart = document.getElementById('reservationStart').value;
    var requestedDays = parseInt(document.getElementById('days').value);
    var dateEnd = document.getElementById('DateEnd');
    var dateParts = reservationStart.split('/').map(function(i) {
        return parseInt(i);
    });
    // Check that input is valid, otherwise ignore
    if (dateParts.length == 3 && !isNaN(requestedDays) ) {
        var d = new Date(
            dateParts[0],
            dateParts[1] - 1,
            dateParts[2] + requestedDays
        );
        // If the date is valid, return it, otherwise return error.
        if (!isNaN(d.getTime())) {
            returnDate = d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate();
        } else {
            returnDate = '?';
        }
    }
    DateEnd.value = returnDate;
}

<table>
  <tr>
      <td>Number of days</td>
      <td><input type="text" name="days" id="days" onkeyup="ReturnDate()" /></td>
  </tr>

  <tr>
      <td>Date start <i>(yyyy/mm/dd)</i></td>
      <td><input type="text" value="" name="reservationStart" id="reservationStart" onkeyup="ReturnDate()" /></td>
  </tr>

  <tr>
      <td>Date end <i>(yyyy/mm/dd)</i></td>
      <td><input type="text" value="" name="DateEnd" id="DateEnd" /></td>
  </tr>
</table>