javascript - 如何在javascript中正确添加天数

Question

我尝试通过单击日历(例如表格)来添加日期。

首先，我可以通过点击获取结束日期，然后，我想向其添加 120 天。

<td id="207" data-class-index="0" data-day="2018/5/21">21</td>

我的代码如下

endday=new Date($(this).data('day'))

console.log("enddate",endday);        

upperlimit=endday.setDate(endday.getDate()+120);

console.log("upperlimit",upperlimit);   

当我尝试添加天数时，它似乎返回当前时间。像这样

enddate Thu Sep 13 2018 00:00:00 GMT+0900 (Japan Standard Time)
upperlimit Fri Dec 20 2019 11:49:34 GMT+0900 (Japan Standard Time)

我想知道为什么会出现这个问题，如果有人有这样的经验，请告诉我如何解决。

谢谢

Answer 1

正如 @Barmar 所说，upperlimit 返回 Unix time 中的日期.. 将调用包装在 new Date(...) 中应该可以解决它..

$("#btn").on('click', () => {
  let endday = new Date($("#207").data("day"));  
  let upperlimit = new Date(endday.setDate(endday.getDate()+120));
  // Have to add +1 to .getMonth() because JS handles months as 0-11 not 1-12
  let resultHtml = `${upperlimit.getFullYear()}/${upperlimit.getMonth() + 1}/${upperlimit.getDate()}`
  $("#result").html(resultHtml);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id="207" data-class-index="0" data-day="2018/5/21">2018/5/21</p>
<button id="btn">Click to add 120 days</button>
<p id="result"></p>