我现在有两个文本框text，第一个选择了日期，第二个自动显示第一个日期加上280天，要求用js或者jquery实现
我想让第二个文本框里面自动显示第一个文本框里面的日期加上280天后的日期，也就是2012年6月8日加上280天后的日期...
我想让第二个文本框里面自动显示第一个文本框里面的日期加上280天后的日期，也就是2012年6月8日加上280天后的日期
展开
2个回答
展开全部
<script type="text/javascript">
function test(){
//日期格式必须yyyy-mm-dd，月和日不带0，如2011-3-2
var date1 = document.getElementById('date1').value;
var date = new Date(date1.split('-')[0],date1.split('-')[1]-1,date1.split('-')[2]);
date.setDate(date.getDate()+280);
var date2 = date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();
document.getElementById('date2').value=date2;
}
</script>
<body>
第一个日期:<input id="date1" type="text" onblur="test();"/>
第二个日期:<input id="date2" type="text" readonly="readonly"/>
</body>
function test(){
//日期格式必须yyyy-mm-dd，月和日不带0，如2011-3-2
var date1 = document.getElementById('date1').value;
var date = new Date(date1.split('-')[0],date1.split('-')[1]-1,date1.split('-')[2]);
date.setDate(date.getDate()+280);
var date2 = date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();
document.getElementById('date2').value=date2;
}
</script>
<body>
第一个日期:<input id="date1" type="text" onblur="test();"/>
第二个日期:<input id="date2" type="text" readonly="readonly"/>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
将下面的源码复制到你的网站打开，注意jquery.js的路径，输入值要带时分秒的，否则执行不通过。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQUERY操作日期</title>
<script src="js/jquery-1.6.js" type="text/javascript"></script>
<script type="text/javascript">
//加载单击事件
function f(){
var begTime = new Date($("#txtBegTime").val());
var endTime = addDate(280, begTime);
//alert(endTime);
$("#txtEndTime").val(endTime);
}
//定议函数
function addDate(NumDay,nowDate){
var date = new Date(nowDate);
date.setDate(date.getDate() + NumDay);
return date.getYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate() + ' ' + date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds();
}
</script>
</head>
<body>
<p>
<input id="txtBegTime" type="text" onchange="f();" value="2012/06/08 16:01:34" />
<input id="txtEndTime" type="text" />
</p>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQUERY操作日期</title>
<script src="js/jquery-1.6.js" type="text/javascript"></script>
<script type="text/javascript">
//加载单击事件
function f(){
var begTime = new Date($("#txtBegTime").val());
var endTime = addDate(280, begTime);
//alert(endTime);
$("#txtEndTime").val(endTime);
}
//定议函数
function addDate(NumDay,nowDate){
var date = new Date(nowDate);
date.setDate(date.getDate() + NumDay);
return date.getYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate() + ' ' + date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds();
}
</script>
</head>
<body>
<p>
<input id="txtBegTime" type="text" onchange="f();" value="2012/06/08 16:01:34" />
<input id="txtEndTime" type="text" />
</p>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
