Question

我只想在这里询问如何在＆＃34;输入＆＃34;中添加日期。表格中的陈述？当我选择一个日期时，它会将天数增加7并将其显示到＆＃34;输入＆＃34;声明类型是日期。这是我的代码。

just click this link, to view the image.

<html>
<head>
<title>Date Sample</title>
</head>
<body>
<form>
Start Date:<br/>
<input type="date" name="sdate" id="sdate"/>
<br/>
End Date:<br/>
<input type="date" name="edate" id="edate"/>
</form>
</body>
</html>

Answer 1

附加change听众
使用DateObj.getDate和DateObj.setDate方法获取所需Date
格式化DateObj中的YYYY-MM-DD以设置value

注意：我为readonly添加了end-date属性，以便用户无法编辑该值。

$('#sdate').change(function() {
  if (this.value) {
    var d = new Date(this.value);
    var newDate = d.setDate(d.getDate() + 7);
    var dateObj = new Date(newDate);
    var day = ("0" + dateObj.getDate()).slice(-2);
    var month = ("0" + (dateObj.getMonth() + 1)).slice(-2);
    $('#edate').val(dateObj.getFullYear() + "-" + (month) + "-" + (day));
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<form>
  Start Date:
  <br/>
  <input type="date" name="sdate" id="sdate" />
  <br/>End Date:
  <br/>
  <input type="date" name="edate" id="edate" readonly />
</form>

当我选择约会时，天数增加7？

1 个答案: