0

我的 asp.net 页面上有两个文本框。一个是今天的日期,一个是从现在起一年后的到期日。

所以如果第一个文本框包含 23/04/2013

我希望第二个文本框自动填充 23/04/2014

如何将到期日期更新为从现在起正好一年(没有回发)我怀疑需要一些 JS 对吗?

4

2 回答 2

1
function update(sourceTBId, targetTBId){
    document.getElementById(targetTBId).value = document.getElementById(sourceTBId);
}


<input type='button' onclick="update('<%=textbox1.ClientID%>', '<%=textbox2.ClientID%>')"/>

其中 textbox1 是源,2 是目标。

哦,对不起,你自动说...

在后面的代码中执行此操作

textbox1.Attributes.Add("onkeyup", "update('"+textbox1.ClientID+"', '"+textbox2.ClientID+"')");

至于日期,如果您确定它将是 dd/mm/yyyy 那么应该这样做(可能有更优雅/更好的方法 - 如果格式错误,这将失败 - 这也是所有空气代码所以请检查它)

function update(sourceTBId, targetTBId){
    var dateString = document.getElementById(sourceTBId);
    var dateParts = dateString.split("/");
    var dd = dateParts[0];
    var mm = dateParts[1];
    var yy = 1 + parseInt(dateParts[2]);

    document.getElementById(targetTBId).value = dd+'/'+mm+'/'+yy;
}

使用任何日期解析和格式方法会好得多,但我还不够熟悉,无法快速说出它们是否存在于 JS 中。

于 2013-05-09T14:56:56.680 回答
1

这个答案使用 jQuery 来读取日期、解析部分并在年份中添加一个。但是,它不会检查输入日期的有效性,因此在第一个文本框中输入字母会产生“NaN/NaN/NaN”的日期。您可以将其与 jQuery UI 的DatePicker结合使用,以确保输入是有效日期。在这种情况下,您将使用change事件而不是keyup.

html:

<input id="today" type="text" />
<input id="future" type="text" />

Javascript:

$(document).ready(function () {
    $('#today').keyup(function () {
        var today = new Date($(this).val());
        if (today != NaN) {
            var dd = today.getDate();
            var mm = today.getMonth();
            var y = today.getFullYear();
            $('#future').val(dd + '/' + mm + '/' + (parseInt(y)+1));
        }
    });
});

工作示例:http: //jsfiddle.net/6vs5y/

于 2013-05-09T15:19:16.300 回答