zoukankan      html  css  js  c++  java
  • 点滴积累【JS】JS实现日期加减

    JS实现日期加减:

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

    事件:

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

    代码:

     1 (说明:成型日期ID: tbcxrq     龄期ID: tblq      要求试验日期ID: tbyqsyrq)
     2 <script type="text/javascript">
     3 
     4         $(function() {
     5             $("#<%=tbcxrq.ClientID %>").change(function() { CaclDate(); });
     6             $("#<%=tblq.ClientID %>").change(function() { CaclDate(); });
     7             //根据龄期计算试验时间
     8             function CaclDate() {
     9 
    10 if ($("#<%=tblq.ClientID %>").val() == "" || $("#<%=tbcxrq.ClientID %>").val() == "") {
    11                     $("#<%=tbyqsyrq.ClientID %>").val("");
    12                 }
    13                 else {
    14                     var MoldingDate = $("#<%=tbcxrq.ClientID %>").val();
    15                     MoldingDate = MoldingDate.replace("-", "/")
    16                     var d = new Date(MoldingDate);
    17                     var AgeDate = $("#<%=tblq.ClientID %>").val();
    18                     d.setDate(d.getDate() + parseInt(AgeDate));
    19                     var month = d.getMonth() + 1;
    20                     if (parseInt(month) < 10)
    21                         month = "0" + month;
    22                     var day = d.getDate();
    23                     if (parseInt(day) < 10)
    24                         day = "0" + day;
    25 
    26                     var date = (d.getFullYear()) + "-" + month + "-" + day;
    27                     $("#<%=tbyqsyrq.ClientID %>").val(date);
    28                 }
    29             }
    30         });
    31     </script>
  • 相关阅读:
    animation关键帧动画语法
    border-image
    CSS3之box-shadow
    border-radius编程练习1-3
    CSS之border-radius
    CSS3之径向渐变
    CSS3之线性渐变(linear gradients)
    CSS之background——背景与渐变练习题
    background-image
    background-color
  • 原文地址:https://www.cnblogs.com/xinchun/p/2856916.html
Copyright © 2011-2022 走看看