增加一行、减少一行

来源:互联网 发布:专看耽美漫画的软件 编辑:程序博客网 时间:2024/05/13 07:29

<scripttype="text/javascript">
     //日期加1
     function initDates(oldDate)
            
         var year =oldDate.value.substr(0,4);  
         var month =oldDate.value.substr(5,2);  
         var day =oldDate.value.substr(8,2);  
         var temDate =month+'/'+day+'/'+year;     
         var nowDate =  newDate(Date.parse(temDate));
         var monthStr;
         var dayStr;
         
         nowDate.setDate(nowDate.getDate()+1);
         if(nowDate.getMonth()+1<10)
         {
             monthStr = "0"+(nowDate.getMonth()+1);
         }
         else
         {
             monthStr = nowDate.getMonth()+1;
         }
         if(nowDate.getDate()<10)
         {
            dayStr = "0"+ nowDate.getDate();
         }
         else
         {
              dayStr = nowDate.getDate();
         }
         nowDate = nowDate.getFullYear() + "-" + monthStr  + "-" + dayStr;
         //与当前时间比较
         return nowDate;
     }
       
     //增加日期函数
     function DateAdd(strInterval,NumDay,dtDate)
      
           var dtTmp = newDate(dtDate);  
           if(isNaN(dtTmp))
            
               var dtTmp = new Date();  
           }
           switch(strInterval)  
            
               case "s":
                  dtTmp = new Date(Date.parse(dtTmp) + (1000 * NumDay));
               break; 
               case "n":
                  dtTmp = new Date(Date.parse(dtTmp) + (60000 * NumDay));
               break; 
               case "h":
                  dtTmp = new Date(Date.parse(dtTmp) + (3600000 * NumDay));
               break;
               case "d":
                  dtTmp = new Date(Date.parse(dtTmp) + (86400000 * NumDay));
                  break;
               case "w":
                  dtTmp = new Date(Date.parse(dtTmp) + ((86400000 * 7) *NumDay));
               break;
               case "m":
                  dtTmp = new Date(dtTmp.getFullYear(),(dtTmp.getMonth()) +NumDay,dtTmp.getDate(),dtTmp.getHours(),dtTmp.getMinutes(),dtTmp.getSeconds());
               break;  
               case "y":
                  dtTmp = new Date((dtTmp.getFullYear() +NumDay),dtTmp.getMonth(),dtTmp.getDate(),dtTmp.getHours(),dtTmp.getMinutes(),dtTmp.getSeconds());
               break;
           }
             var mStr=new String(dtTmp.getMonth()+1);
             var dStr=new String(dtTmp.getDate());
             if (mStr.length == 1)
             {
                 mStr="0" + mStr;
             }
             if (dStr.length == 1)
             {
                 dStr="0" + dStr;
             }
             return dtTmp.getFullYear() + "-" + mStr + "-" + dStr;
      
     
       //将行程与空位报价字符串传到后台
       function InitStr()
       {
           //报价
           var priceStr = document.getElementById("Hidden2").value;
           priceStr = "";
           var palnDates = document.getElementsByName("planDate");
           var xjs = document.getElementsByName("xj");
           var prices = document.getElementsByName("price");
           var kprices = document.getElementsByName("kprice");
           var days = document.getElementsByName("days");
           var xiala = document.getElementsByName("txtCompanyZc");
           
           for(var i = 0;i< rowindex;i++)
           {
               if(palnDates[i].value == "" || palnDates[i].value =="1900-1-1")
               {
                  alert("请选择出团日期!");
                  return false;
               }
               
               var nowDate = new Date();
               var temp =palnDates[i].value.replace(/-/g,'/');               
               var newDate = DateAdd("d",-days[i].value,temp);
               priceStr += palnDates[i].value + "||"+ xjs[i].value +"||" +prices[i].value + "||" + kprices[i].value+"||"+days[i].value+ "||"+ xiala[i].value +"@@";
           }
           priceStr = priceStr.substring(0,priceStr.length - 2);
           document.getElementByIdx_x_x_x("Hidden2").value = priceStr;
           return true;
       }
      
       //增加一行(通用方法)
       var rowindex = 1;
       function addRow(parent,child,afterPosition)
       {
           rowindex ++;
           var p = document.getElementById(parent);
           var div = document_createElement("div");
           var c = document.getElementById(child+1);
           var after =document.getElementById(after);  
           div.setAttribute("id",child + rowindex);
           div.innerHTML = c.innerHTML;
           p.insertBefore(div,after);
           document.getElementsByName("count")[rowindex-1].innerHTML =rowindex;
           
           //清空
           document.getElementsByName("planDate")[rowindex-1].value=initDates(document.getElementsByName("planDate")[rowindex-2])//planDate是文本框的name
           document.getElementsByName("xj")[rowindex-1].value=document.getElementsByName("xj")[rowindex-2].value;
           document.getElementsByName("price")[rowindex-1].value=document.getElementsByName("price")[rowindex-2].value;
           document.getElementsByName("kprice")[rowindex-1].value=document.getElementsByName("kprice")[rowindex-2].value;
           document.getElementsByName("days")[rowindex-1].value=document.getElementsByName("days")[rowindex-2].value;
       }
       
       //减少一行(通用方法)
       function delRow(parent,child)
       {
           if(rowindex>1){   
               var p =document.getElementById(parent);    
               var c =document.getElementById(child+rowindex); 
               p.removeChild(c);
               rowindex--;
           }
       }
                
       //提交时验证
       function  Validate(filed)
       {
           var isYes = InitStr();
           if(isYes == false)
           {
               return false;
           }
           else
           {
               return true;
           }
      }
   </script>  

 

 

<body>
   <form id="form1"runat="server">
   <div>
       <div id="parent" style="width: 800px;padding-bottom: 5px;">
           <div id="child1" >
               出团计划<span id="count"name="count">1</span>:&nbsp;&nbsp;
               日期:<input type="text" id="d15" name="planDate"onfocus="WdatePicker({isShowClear:true,readOnly:true})" size="14"/><span style="color:#ff0000">*</span>
               星级:<input id="Text6" type="text" name="xj"style="width: 30px;" maxlength="1"/><span style="color:#ff0000">*</span>
               价格:<input id="Text7" type="text" name="price"style="width: 50px;" maxlength="6"/><span style="color:#ff0000">*</span>
               空位:<input id="Text8" type="text" name="kprice"style="width: 30px;" maxlength="6"/><span style="color:#ff0000">*</span>
               提前<input id="days" type="text" name="days"style="width: 30px;" maxlength="6"/>天封团<span style="color:#ff0000">*</span>
               <span style= "overflow:hidden;">
                   <select name="selec" id="select1" runat="server"style="position:absolute; left:600px; width:155px; height:22px;clip:rect(3px auto 21px 135px);"onchange="this.parentNode.nextSibling.value=this.value">
                   </select>
               </span>
               <input type="text" name="txtCompanyZc"id="txtCompanyZc" size="20"/><%--input文本框必须放在select下拉框下面--%>
               价格:<input id="Text1" type="text" name="txtCompanyZc"style="width: 50px;"/>
           </div>
           <divid="after"></div>
       </div>
       <img src="http://hq.eyo66.com/admin/uniyo/images/jia.gif"alt="" border="0" onclick="addRow('parent','child','after')"/> 
       <img src="http://hq.eyo66.com/admin/uniyo/images/jian.gif"alt="" border="0" onclick="delRow('parent','child')"/>
       <asp:ImageButton ID="btnSave" runat="server"OnClientClick="return Validate();" OnClick="btnSave_Click"CssClass="submit-keyong" ImageUrl="~/images/save.gif"/>
       
       <input id="Hidden2" type="hidden"name="priceStr"/>
       <asp:Label ID="Label1" runat="server" Text="Label"Width="472px"></asp:Label></div>
   </form>
</body>


原创粉丝点击