javascript - 添加 1 天后的日期问题

Question

这个问题已经有答案了:

How can I add 1 day to current date? (11 个回答)

已关闭 7 年前。

我在约会时遇到了一个逻辑问题。

    Date:<input id="txtDate" type="text" />
<input type="button" onclick="getdate()" value="Fill Follow Date" />
Follow Date:<input id="follow_Date" type="text" />

添加脚本

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

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

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

    newdate.setDate(newdate.getDate());

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

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

对于今天“31-03-2016”，后续日期显示“32-03-2016”。但它显示的是 01-04-2016。您还有其他逻辑来克服此错误吗？我们有像“makemytrips”酒店页面这样的选项。 makemytrip.com/hotels 在这里您可以看到住宿天数。我的网站使用了相同的概念

Answer 1

您没有进行日期加法，而是进行数字加法。 getDate() 返回一个 31 的 string 数字值，如果您添加 1，您将得到 32，什么是错误的，那么您正在执行字符串连接，这导致了问题。

您可以使用 datepicker ，和 Date API

$(document).ready(function() {
  var $date = $('#txtDate').datepicker();
  var $follow = $('#follow_Date').datepicker();
  $('#fill-follow').click(function() {
    var date = $date.datepicker('getDate');
    if (date) {
      date.setDate(date.getDate() + 1);
      //date.setMonth(date.getMonth() + 1);
      $follow.datepicker('setDate', date)
    }
  });
});

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
Date:
<input id="txtDate" type="text" />
<input type="button" id="fill-follow" value="Fill Follow Date" />Follow Date:
<input id="follow_Date" type="text" />