Question

我现在有两个datepciker文本框，当我从第一个datepicker中选择任何日期时，我想要的是第二个datepicker + 7天自动选择。

例如。第一个datepicker中选择的日期：27-07-2016 第二个datepicker它应该是自动的：03-08-2016

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<div class="formelementblock">
  <div class="formelement">
    <input type="text" name="txtstart_date" class="input-text datepickerwidth required" id="txtstart_date" placeholder="Start Date*" />
  </div>

</div>
<div class="formelementblock last">
  <div class="formelement">
    <input type="text" name="txtend_date" class="input-text datepickerwidth required" id="txtend_date" placeholder="End Date*" />
  </div>
</div>

v_total_project

Answer 1

$(function() {
  $("#txtstart_date").datepicker();
});
$("#txtstart_date").change(function() {
  crnt = new Date($("#txtstart_date").val());
  var nextWeekday = addDays(crnt, 7);
  alert("nextday : " + nextWeekday);
  var end = $.datepicker.formatDate('mm/dd/yy', nextWeekday);
  $("#txtend_date").val(end);
});

function addDays(dateObj, numDays) {
  dateObj.setDate(dateObj.getDate() + numDays);
  return dateObj;
}

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<div class="formelementblock">
  <div class="formelement">
    <input type="text" name="txtstart_date" class="input-text datepickerwidth required" id="txtstart_date" placeholder="Start Date*" />
  </div>

</div>
<div class="formelementblock last">
  <div class="formelement">
    <input type="text" name="txtend_date" class="input-text datepickerwidth required" id="txtend_date" placeholder="End Date*" />
  </div>
</div>

想要获取所选日期的+7日期

1 个答案: