通过添加两个表单域来获取结束日期

时间:2013-04-04 05:41:02

标签: php javascript html forms

我在网页中有一个表单,我希望用户输入开始日期,然后从选择字段中选择一个术语来确定结束日期。

我可以添加正常数字,但我不知道如何在日期中添加数字以获得另一个日期。

以下是我到目前为止所使用的内容:

<script type="text/javascript">
  function sum(){
  //grab the values
  startdate = document.getElementById('startdate').value;
  term = document.getElementById('term').value;

  document.getElementById('enddate').value = parseFloat(startdate) + parseFloat(term);
  }
  </script>
<p>
<label for="startdate">Start Date:</label>
<input type="date" name="start-date" id="startdate" onblur="sum()">
</p>
<p>
<label for="term">Term:</label>
<select name="term" id="term" onblur="sum()">
<option value="30">30 Days</option>
<option value="60">60 Days</option>
<option value="90">90 Days</option>
</select>
</p>
<p>
<label for="enddate">End Date:</label>
<input name="enddate" type="date" id="enddate" readonly>
</p>

此示例不会产生日期,只响应初始选择值。生成的数据将使用PHP插入到mySQL数据库中。

1 个答案:

答案 0 :(得分:1)

像这样使用它,它会添加天数并创建结束日期。

var someDate = new Date(document.getElementById('startdate').value);
var numberOfDaysToAdd = document.getElementById('term').value;
document.getElementById('enddate').value = someDate.setDate(someDate.getDate() + numberOfDaysToAdd);