如何在 javascript 中使用 .datepicker 根据开始日期在结束日期中添加 +1 天

How add +1 day in end date based on start date using .datepicker in javascript?

本文关键字:日期 开始 结束 添加 datepicker javascript      更新时间:2023-09-26

我有一个StartEnd的验证日期,其中End Date不能比工作正常的Start Date更刨丝。现在我想通过根据Start Date选择添加额外的一天来设置End Date

我已经尝试了几种方法,但我没有得到结果。

例如,

实际结果:

如果Start date是 02/18/2016,则End Date是 02/18/2016。用户可以选择未来的结束日期,这很好。

预期成果:

如果Start date是 02/18/2016,则End Date应该是 02/19/2016。

法典:

$(function() {
  $("#startdatepicker").datepicker({
    minDate: 0,
    onSelect: function(selected) {
      $("#enddatepicker").datepicker("option", "minDate", selected);
    }
  });
  $("#startdatepicker").datepicker("setDate", new Date());
  $("#enddatepicker").datepicker({
    minDate: 0,
    onSelect: function(selected) {
      $("#startdatepicker").datepicker("option", "maxDate", selected);
    }
  });
  //My current logic
  $("#enddatepicker").datepicker("setDate", new Date());
  //Approach-1 = Sets 03/08/2016 (Don't know why)
  //$("#enddatepicker").datepicker("setDate", new Date().getDate() + 1);   
  //Approach-2 = Not Working
  // $("#enddatepicker").datepicker("setDate", new Date().add().day() + 1);
  //Approach-3 = Not Working
  //var enddate = $('#enddatepicker').datepicker('getDate');
  //enddate.setDate(enddate.getDate() + 1);
  //$('#enddatepicker').datepicker("setDate", enddate);
});

小提琴手链接:

https://jsfiddle.net/mkhtq6fr/5/

找到了解决方案:

https://jsfiddle.net/mkhtq6fr/6/

代码更改:

  var d = new Date();
  d.setDate(d.getDate() + 1);
  $('#enddatepicker').datepicker("setDate", d);