Javascript - 在输入日期中添加 30 天

Question

我似乎找不到最近的任何内容，而且我可能落后于时代，只是搜索了错误的术语等，所以我希望这里有人可以提供帮助或提供一些建议。

我有两个日期字段，一个是发票日期，一个是到期日。我希望发生的是，我选择或更改发票日期中的日期，并且到期日期会自动更新以反射(reflect)发票日期后 30 天的日期。

<input id="dateInvoice" type="date"/>
<input id="dueDate" type="date"/>

Answer 1

您可以遵循此方法

• 使用split和日期构造函数将输入日期值解析为日期
• 使用 setDate 添加日期
• 将新的日期值设置为输出日期。

演示

document.querySelector("#addDays").addEventListener("click", function() {
  var invoiceDate = document.querySelector("#invoiceDate").value;
  var days = Number(document.querySelector("#days").value);
  var dueDateElement = document.querySelector("#dueDate");

  if (!isNaN(days) && invoiceDate.length) {
    invoiceDate = invoiceDate.split("-");
    invoiceDate = new Date(invoiceDate[0], invoiceDate[1] - 1, invoiceDate[2]);
    invoiceDate.setDate(invoiceDate.getDate() + days);
    dueDateElement.valueAsDate = null;
    dueDateElement.valueAsDate = invoiceDate;
    //console.log(invoiceDate, dueDateElement.value);
  }
});

Invoice Date <input type="date" id="invoiceDate"> <br><br> Add Days <input type="text" id="days"> <br><br>

<button id="addDays">Add Days</button> <br><br> Due Date <input type="date" id="dueDate">