JS实现日期加减的简单例子

发布时间:2019-07-16编辑:脚本学堂
分享一例js代码,在页面中实现日期的加减,感兴趣的朋友可以参考学习下,挺不错的。

本节内容:
JS实现日期加减

效果如下图:
js日期加减

效果:成型日期-龄期=要求试验日期!

事件:
当改变成型日期文本框后触发事件!
当改变龄期文本框后触发事件!

说明:
成型日期ID: tbcxrq    
龄期ID: tblq     
要求试验日期ID: tbyqsyrq)

Js代码:
 

复制代码 代码示例:
<script type="text/javascript">
 $(function() {
     $("#<%=tbcxrq.ClientID %>").change(function() { CaclDate(); });
     $("#<%=tblq.ClientID %>").change(function() { CaclDate(); });
     //根据龄期计算试验时间
     function CaclDate() {
if ($("#<%=tblq.ClientID %>").val() == "" || $("#<%=tbcxrq.ClientID %>").val() == "") {
      $("#<%=tbyqsyrq.ClientID %>").val("");
  }
  else { // www.jb200.com
      var MoldingDate = $("#<%=tbcxrq.ClientID %>").val();
      MoldingDate = MoldingDate.replace("-", "/")
      var d = new Date(MoldingDate);
      var AgeDate = $("#<%=tblq.ClientID %>").val();
      d.setDate(d.getDate() + parseInt(AgeDate));
      var month = d.getMonth() + 1;
      if (parseInt(month) < 10)
   month = "0" + month;
      var day = d.getDate();
      if (parseInt(day) < 10)
   day = "0" + day;
      var date = (d.getFullYear()) + "-" + month + "-" + day;
      $("#<%=tbyqsyrq.ClientID %>").val(date);
  }
     }
 });
</script>