jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – jQuery添加7天到期(输入和输出类型文本)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试做一个带日期的简单页面(输入类型TEXT),一旦输入日期,另一个字段将在输入中添加7天并在文本输入中显示日期(7天).我对jQuery的了解有限,所以我可能有一个小bug …
<html> 
<head> 
<title>Date Plus 7 Days</title> 
<script type="text/javascript"> 
$(document).ready(function(){
    function DateFromString(str){ 
        str = str.split(/\D+/);
        str = new Date(str[2],str[0]-1,(parseInt(str[1])+7));
        return MMDDYYYY(str);
    }
    function MMDDYYYY(str) {
        var ndateArr = str.toString().split(' ');
        var Months = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec';
        return (parseInt(Months.indexOf(ndateArr[1])/4)+1)+'/'+ndateArr[2]+'/'+ndateArr[3];
    }

    function Add7Days() {
        var date = $('#start_date').val();
        var ndate = DateFromString(datE);
        return ndate;
    }

    $('#start_date').change(function(){
        $('#END_DATE') = Add7Days();
    })

});

</script> 
</head> 
<body> 

Start Date
<input type="text" id="start_date" value=''> 
<br>
End date
<input type="text" id="END_DATE" value=''> 

</body> 
</html>

我做错了什么?

谢谢!

解决方法

您试图将对象分配给$(‘#END_DATE’). jQuery通过利用.val(‘value-here’)改变输入框的值来以不同的方式处理这个问题.

试试这个:

$('#start_date').change(function(){
    $('#END_DATE').val(Add7Days());
});

看到这个小提琴:http://jsfiddle.net/zydZ2/

此外,Moment.JS非常适合解析和操作日期,我强烈建议您查看:http://momentjs.com/

希望这可以帮助!

大佬总结

以上是大佬教程为你收集整理的javascript – jQuery添加7天到期(输入和输出类型文本)全部内容,希望文章能够帮你解决javascript – jQuery添加7天到期(输入和输出类型文本)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。