当在文本框中输入日期时自动开始日期在其他文本框中显示下一年的日期 endtextbox

Question

我的 asp.net 中有两个使用 c# 代码的文本框

HTML 代码

       <tr>
      <td></td>
   <td style="text-align: right"><asp:TextBox ID="TxtEndDate" runat="server"    
    Width="177px" AutoPostBack="True" style="height: 22px"></asp:TextBox>   
      </td>
  <td style="text-align: right">end date</td>
 <td style="text-align: right">
 <asp:TextBox ID="TextStartDate" runat="server" Width="177px"  
 AutoPostBack="True"  style="height: 22px"></asp:TextBox></td>
   <td style="text-align: right; direction: rtl;">
   start date
 </td>
 </tr>

我希望当我在第一个文本框 (TxtStartDate) 的 dd/mm/yyyy 中输入日期时，它会通过在上面输入的日期中添加一年来自动填充第二个文本框 (TxtEndDate)。

我试过这个 JavaScript 但它不起作用

 <script type="text/javascript">

$('#TextStartDate').blur(function () {
var value = $(this).val();
var regex = /^\d{2}\/\d{2}\/\d{4}$/;
if (regex.test(value)) {
    var myDate = new Date(Date.parse(reformat(value)));
    var year = myDate.getYear() + 1;
    var month = myDate.getYear() + 1;
    if (month < 10) {
        month = '0' + month;
    }
    var day = myDate.getDate();
    if (day < 10) {
        day = '0' + day;
    }
    $('#TxtEndDate').val(day + '/' + month + '/' + year);
   } else {
    alert('invalid date');
    // this will prevent from leaving the input until the date is correct
    $(this).focus();
   }
      });
    </script>

Answer 1

这是你的身份证。 ASP.NET 劫持您的 id 并在其上添加内容。将所有 jquery id 调用更改为

$("[id*=TxtStartDate]")
$("[id*=TxtEndDate]")

因此，在您的原始脚本中，执行以下操作：

<script>
$('[id*=TextStartDate]').blur(function () {
var value = $(this).val();
var regex = /^\d{2}\/\d{2}\/\d{4}$/;
if (regex.test(value)) {
    var myDate = new Date(Date.parse(reformat(value)));
    var year = myDate.getYear() + 1;
    var month = myDate.getYear() + 1;
    if (month < 10) {
        month = '0' + month;
    }
    var day = myDate.getDate();
    if (day < 10) {
        day = '0' + day;
    }
    $('[id*=TxtEndDate]').val(day + '/' + month + '/' + year);
   } else {
    alert('invalid date');
    // this will prevent from leaving the input until the date is correct
    $(this).focus();
   }
      });
    </script>

Answer 2

你可以用一个更简单的函数来解决这个问题： var dateParts=value.split('/'); $('#TxtEndDate').val(dateParts[0]+'/'+dateParts[1]+'/'+(parseInt(dateParts[2])+1)); 要使用 javascript 访问服务器控件，您需要这样做$('#<%=TextStartDate.ClientId%>')，因为 asp.net 控件 ID 是在运行时生成的。 还要将 AutoPostBack 设置为 false，否则每次 TextBox 失去焦点时都会刷新页面