如何使用MaskedEditExtender

Question

添加在文本框中的天數我想添加在顯示文本使用的文本改變事件的javascript日期的天數。請幫我...

<tr id="AbsentDays" runat="server"> 
    <td align="right" style="width: 33%"> 
     <asp:Label ID="Label9" runat="server" Text="No of days"></asp:Label> 
    </td> 
    <td id="Td5" runat="server">&nbsp;:&nbsp; 
    </td> 
    <td id="Td6" align="left" colspan="3" runat="server"> 
     <asp:TextBox runat="server" ID="txtDayAbsent" Width="80px" 
      onchange="javascript: ontextchanged();"></asp:TextBox> 
    </td> 
</tr> 


<tr> 

    <td align="right"> 
     <asp:Label ID="lblDurationFrom" runat="server" Text="Duration From"></asp:Label> 
    </td> 
    <td style="width: 1%;">&nbsp;:&nbsp; 
    </td> 
    <td style="width: 36%"> 
     <asp:TextBox ID="txtDurationFrom" runat="server" Width="80px"></asp:TextBox> 
     <cc1:maskededitextender id="MaskedEditExtender2" runat="server" targetcontrolid="txtDurationFrom" 
      mask="99/99/9999" masktype="Date" errortooltipenabled="True" culturename="en-GB" 
      cultureampmplaceholder="AM;PM" culturecurrencysymbolplaceholder="£" culturedateformat="DMY" 
      culturedateplaceholder="/" culturedecimalplaceholder="." culturethousandsplaceholder="," 
      culturetimeplaceholder=":" enabled="True" /> 
     <cc1:calendarextender id="CalendarExtender1" runat="server" targetcontrolid="txtDurationFrom" 
      format="dd/MM/yyyy" enabled="True" /> 
    </td> 

    <td align="right"> 
     <asp:Label ID="lblDurationTo" runat="server" Text="Duration To"></asp:Label> 
    </td> 
    <td style="width: 1%;">&nbsp;:&nbsp; 
    </td> 
    <td> 
     <asp:TextBox ID="txtDurationTo" runat="server" Width="80px"></asp:TextBox> 
     <cc1:maskededitextender id="MaskedEditExtender1" runat="server" targetcontrolid="txtDurationTo" 
      mask="99/99/9999" masktype="Date" errortooltipenabled="True" culturename="en-GB" 
      cultureampmplaceholder="AM;PM" culturecurrencysymbolplaceholder="£" culturedateformat="DMY" 
      culturedateplaceholder="/" culturedecimalplaceholder="." culturethousandsplaceholder="," 
      culturetimeplaceholder=":" enabled="True" /> 
     <cc1:calendarextender id="CalendarExtender2" runat="server" targetcontrolid="txtDurationTo" 
      format="dd/MM/yyyy" enabled="True" /> 
    </td> 

</tr> 

的Javascript

function ontextchanged() 
{ 
    var dayAbsent = document.getElementById('<%=txtDayAbsent.ClientID%>').value; 
    var myDate = new Date((document.getElementById('<%=txtDurationTo.ClientID%>')).value); 
    myDate.setDate(myDate.getDate() + parseInt(dayAbsent)); 
}  

上txtDayAbsent的改變事件我想添加無天在txtDurationTo nowhow設定這個日期與DD txtDurationTo文本框中/ mm/yyyy格式

Answer 1

您需要extrat日期的日，月，年的部分，然後進行與要求甲的日期。像這樣

<script type="text/javascript"> 
     function ontextchanged() { 
      var dayAbsent = document.getElementById('<%=txtDayAbsent.ClientID%>').value; 
      var myDate = new Date((document.getElementById('<%=txtDurationTo.ClientID%>')).value); 
      myDate.setDate(myDate.getDate() + parseInt(dayAbsent)); 

      var dd = myDate.getDate(); 
      var mm = myDate.getMonth() + 1; //January is 0! 
      var yyyy = myDate.getFullYear(); 
      if (dd < 10) { dd = '0' + dd } if (mm < 10) { mm = '0' + mm } 
      var today = dd + '/' + mm + '/' + yyyy;    

      document.getElementById('<%=txtDurationTo.ClientID%>').value = today; 
      alert(today); 
     } </script>