Question

我希望提供生效日期（初始日期），系统会自动使用JavaScript或任何其他更好的方法将一（1）年添加到上面提供的日期。

<form action="<?php $_SERVER['PHP_SELF'];?>" method="post">
    <p>
        <strong style="color:black">Software Name:</strong>
        <input type="text" name="swname" value=""  />
    </p>&nbsp;

    <p>
        <strong style="color:black"> 
            Company 
            <input type="text" name="coy" size="50" value="">
        </strong>
    </p>&nbsp;

    <p>
        <strong style="color:black"> 
            Effective Date 
            <input type="date" name="sdate" value="" onblur="getYearVal();" />
        </strong>
    </p>&nbsp;

    <script>
        function getYearVal() {
            //script that automatically add one year to the above is placed here
        }
    </script>

    <p>    
        <strong style="color:black"> 
            Expiry Date
            <input type="date" name="edate"  id="edate"  value=""/>
        </strong>

        <input type="submit" name="submit" value="Register " /> | 
        <input type="reset" name="reset" value="Cancel" /> 

</form>

Answer 1

我相信你要找的是getFullYear（）js函数

var d = new Date();
var n = d.getFullYear();

来源：http://www.w3schools.com/jsref/jsref_getfullyear.asp

Answer 2

如果要设置输入值，至少应选择它。您可以在此处使用getElementById或querySelector

要设置元素的值，只需使用value propery

最后查看Date javascript object

应该做的事情的代码：

<form action="" method="post">
  <p><strong style="color:black">Software Name:</strong>
    <input type="text" name="swname" value="" />
  </p>
  <p><strong style="color:black">Company</strong> 
    <input type="text" name="coy" size="50" value="">
  </p>
  <p><strong style="color:black">Effective Date</strong> 
    <input type="date" name="sdate" value="" />
  </p>
  <p><strong style="color:black">Expiry Date</strong>
    <input type="date" name="edate" id="edate" value="" />
  </p>
  <p>
    <input type="submit" name="submit" value="Register " />|
    <input type="reset" name="reset" value="Cancel" />
  </p>

  <script>
    var date = new Date(),
      dateString = (date.getFullYear() + 1) + '/' + (date.getMonth() + 1) + '/' + date.getDate();
    document.querySelector('input[name="sdate"]').value = dateString;
  </script>

</form>

使用JavaScript基于之前的日期动态更新到期日期

2 个答案: