打印

请教如何通过下拉框获得指定时间？

coffeetion [楼主]

初级会员

帖子: 26
体力: 61
威望: 0
离线: 3 天

1^# 大中小发表于 2008-6-27 02:01

请教如何通过下拉框获得指定时间？

select内有分别是“一年、半年、四个月、两个月、一个月、15天、一周”
分别对应当前日期“一年、半年、四个月、两个月、一个月、15天、一周”以后的时间

比如今天是2008-06-27，选择“一年”后在input输出2009-06-27

网上搜索了没有类似的，只好厚颜请求教，不胜感激！

================================================================

回二楼，JS我实在不会写，所以只能求助有能力的大大，需要的就是下面的这种效果。谢谢谢谢

提示：您可以先修改部分代码再运行

[ 本帖最后由 coffeetion 于 2008-6-27 13:14 编辑 ]

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

yangedie

银牌会员

帖子: 774
体力: 1576
威望: 3
当前: 广东汕头

2^# 大中小发表于 2008-6-27 02:17

这可是个体力活阿，至少楼主也要完成大部分，贴出来大家copy修改阿

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

coffeetion [楼主]

初级会员

帖子: 26
体力: 61
威望: 0
离线: 3 天

3^# 大中小发表于 2008-6-27 13:15

一楼更新了需要的效果，还望各位大大帮忙！谢谢。

TOP

activeTechPros 共享IT行业薪资信息 | 《疯狂的程序员》劲爆上市

yangedie

银牌会员

帖子: 774
体力: 1576
威望: 3
当前: 广东汕头

4^# 大中小发表于 2008-6-27 17:31

如果选择一个月：

当前2007-1，日期29、30、31，都返回2007-2-28
当前2008-1，日期30、31，返回2008-2-29

依此类推

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function getResult(value){
	var result;
	if (value=="0")
		result="";
	else if(value=="15"){
		var today=new Date();
		today.setDate(today.getDate()+15);
		result=today.toLocaleDateString();
	}else{
		var monthDay=[31,28,31,30,31,30,31,31,30,31,30,31];
		
		// 同时today,nextDay修改两个值，以进行测试，比如:
		//var today=new Date(2008,7,31),nextDay=new Date(2008,7,31);
		
		var today=new Date();  
		var nextDay=new Date(); 
		
		nextDay.setMonth(today.getMonth()+parseInt(value)) ;
		var year=nextDay.getFullYear();
		if((year %4==0 && year %100!=0) || (year %400==0)) monthDay[1]=29;
		
		if (today.getDate()!=nextDay.getDate()){
			nextDay.setMonth(nextDay.getMonth()-1);
			nextDay.setDate(monthDay[nextDay.getMonth()]);
		}	
		result=nextDay.toLocaleDateString();
	}	
	document.getElementById("time").value=result;
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
    <select name="select" onchange="getResult(this.value)";>
        <option value="0">请选择过期时间</option>
        <option value="12">一年</option>
        <option value="6">半年</option>
        <option value="2">两个月</option>
        <option value="1">一个月</option>
        <option value="15">15天</option>
    </select>
    <input type="text" id="time" name="time" readonly>
</form>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 yangedie 于 2008-6-27 17:33 编辑 ]

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

hutia

诘屈聱牙

荣誉管理团队

帖子: 4728
体力: 14640
威望: 383
当前: 江苏苏州
离线: 15 天

专长 JS,PHP,ASP

5^# 大中小发表于 2008-6-27 19:05

To yangedie:
不用那么麻烦的...写得太复杂了

提示：您可以先修改部分代码再运行

hutia归来...
老婆的小店
hutia的个人站点 - 有问题去这里问我

TOP

yangedie

银牌会员

帖子: 774
体力: 1576
威望: 3
当前: 广东汕头

6^# 大中小发表于 2008-6-27 19:39

引用:

原帖由 hutia 于 2008-6-27 19:05 发表
To yangedie:
不用那么麻烦的...写得太复杂了

不知道楼主的详细需求，但是如果按照我的需求你的代码就不符合

TOP

yangedie

银牌会员

帖子: 774
体力: 1576
威望: 3
当前: 广东汕头

7^# 大中小发表于 2008-6-27 20:03

哦，都不需要考虑大月、小月，那代码肯定简单很多了

TOP

hutia

诘屈聱牙

荣誉管理团队

帖子: 4728
体力: 14640
威望: 383
当前: 江苏苏州
离线: 15 天

专长 JS,PHP,ASP

8^# 大中小发表于 2008-6-27 20:07

引用:

原帖由 yangedie 于 2008-6-27 20:03 发表
哦，都不需要考虑大月、小月，那代码肯定简单很多了

是啊...偶这种懒人一向按最懒的办法做，呵呵...

又看了看你的代码，还是很好的说

hutia归来...
老婆的小店
hutia的个人站点 - 有问题去这里问我

TOP

caiying2007

版主

帖子: 2787
体力: 5328
威望: 10

9^# 大中小发表于 2008-6-27 21:31

提示：您可以先修改部分代码再运行

TOP

yangedie

银牌会员

帖子: 774
体力: 1576
威望: 3
当前: 广东汕头

10^# 大中小发表于 2008-6-27 21:37

版主的代码var t0=new Date()，
如果当前日期是2007-1-31，那就是var t0=new Date(2007,0,31)
选择一个月后是2007-3-3了

TOP

coffeetion [楼主]

初级会员

帖子: 26
体力: 61
威望: 0
离线: 3 天

11^# 大中小发表于 2008-6-27 23:09

不好意思来晚了

谢谢 yangedie hutia yangedie caiying2007 和各位蓝色的兄弟！

谢谢！

TOP

coffeetion [楼主]

初级会员

帖子: 26
体力: 61
威望: 0
离线: 3 天

12^# 大中小发表于 2008-6-27 23:36

因为CMS的关系，读到的时间必须是2008-06-06这样的格式，也就是月、日不足2位数字的，用0补上。

4楼yangedie大大的代码能不能也是输出2008-06-06这样的格式啊，我尝试用replace(/-/g, "/");正则替换，可惜失败了。

TOP

caiying2007

版主

帖子: 2787
体力: 5328
威望: 10

13^# 大中小发表于 2008-6-28 03:50

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>caiying2007</title>
</head>
<body>请设置本地日期为:2008-1-31
<form name="form1" method="post" action="">
<select name="select" onchange="gettime(this.value)/*document.form1.time.value=this.value*/" >
<option>请选择过期时间</option>
<option value=12 title="一年以后">一年</option>
<option value=6 title="半年以后">半年</option>
<option value=2 title="两个月以后">两个月</option>
<option value=1 title="一个月以后">一个月</option>
<option value=1500 title="15天以后">15天</option>
<option value=700 title="7天以后">7天</option>
<option value=100 title="1天以后">1天</option>
</select>
<input type="text" id="time" name="time" readonly>
</form>
<script>
function gettime(v){
	var tstr_tm=0
	document.getElementById("time").value="";
	var ta=parseInt(v);
	if (!ta ){return;}
	var t0=getnewtime(new Date())
	if (ta>12)tstr=getnewtime(new Date(t0.ty,t0.tm,t0.td+ta/100));
	else{
		if (t0.td<29)tstr=getnewtime(new Date(t0.ty,t0.tm+ta,t0.td));
		else{
			tstr=getnewtime(new Date(t0.ty,t0.tm+ta,1));
			for(var i=29;i<32;i++){
				var tt=getnewtime(new Date(t0.ty,t0.tm+ta,i));
				if (tt.tm==tstr.tm){tstr_tm=i}
			}
		}
	}
	var tyn=tstr.ty;
	var tmn=tstr.tm+1;if (tmn<10)tmn="0"+tmn;
	var tdn=tstr.td;
	if (tstr_tm!=0)tdn=tstr_tm;if (tdn<10)tdn="0"+tdn;
	document.getElementById("time").value=tyn+"-"+tmn+"-"+tdn
}
function getnewtime(t){
	return{
		ty:parseInt(t.getFullYear()),
		tm:parseInt(t.getMonth()),
		td:parseInt(t.getDate())
	}
}
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 caiying2007 于 2008-6-28 03:59 编辑 ]

TOP

coffeetion [楼主]

初级会员

帖子: 26
体力: 61
威望: 0
离线: 3 天

14^# 大中小发表于 2008-6-28 12:19

再次感谢！问题解决了！日期修改为01-31后，版主大大的代码选择一个月后的时间显示为正确的02-29

TOP

yangedie

银牌会员

帖子: 774
体力: 1576
威望: 3
当前: 广东汕头

15^# 大中小发表于 2008-6-29 21:19

引用:

原帖由 coffeetion 于 2008-6-28 12:19 发表
再次感谢！问题解决了！日期修改为01-31后，版主大大的代码选择一个月后的时间显示为正确的02-29

版主代码没有仔细分析，不过没有判断是否闰年
如果当前时间是2007-1-31，一个月后确是2007-2-1了

TOP

caiying2007

版主

帖子: 2787
体力: 5328
威望: 10

16^# 大中小发表于 2008-6-29 22:30

回复 yangedie 在 15# 的帖子

没有判断是否闰年
－－交给javascript判断了

修改两处:判断上界/循环上界:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>caiying2007</title>
</head>
<body>请设置本地日期为:2008-1-31
<form name="form1" method="post" action="">
<select name="select" onchange="gettime(this.value)/*document.form1.time.value=this.value*/" >
<option>请选择过期时间</option>
<option value=12 title="一年以后">一年</option>
<option value=6 title="半年以后">半年</option>
<option value=2 title="两个月以后">两个月</option>
<option value=1 title="一个月以后">一个月</option>
<option value=1500 title="15天以后">15天</option>
<option value=700 title="7天以后">7天</option>
<option value=100 title="1天以后">1天</option>
</select>
<input type="text" id="time" name="time" readonly>
</form>
<script>
function gettime(v){
	var tstr_td=0
	document.getElementById("time").value="";
	var ta=parseInt(v);
	if (!ta ){return;}
	var t0=getnewtime(new Date())
	if (ta>12)tstr=getnewtime(new Date(t0.ty,t0.tm,t0.td+ta/100));
	else{
		if (t0.td<28)tstr=getnewtime(new Date(t0.ty,t0.tm+ta,t0.td));
		else{
			tstr=getnewtime(new Date(t0.ty,t0.tm+ta,1));
			for(var i=28;i<=t0.td;i++){
				var tt=getnewtime(new Date(t0.ty,t0.tm+ta,i));
				if (tt.tm==tstr.tm){tstr_td=i;}
			}
		}
	}
	var tyn=tstr.ty;
	var tmn=tstr.tm+1;if (tmn<10)tmn="0"+tmn;
	var tdn=tstr.td;
	if (tstr_td!=0)tdn=tstr_td;if (tdn<10)tdn="0"+tdn;
	document.getElementById("time").value=tyn+"-"+tmn+"-"+tdn
}
function getnewtime(t){
	return{
		ty:parseInt(t.getFullYear()),
		tm:parseInt(t.getMonth()),
		td:parseInt(t.getDate())
	}
}
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 caiying2007 于 2008-6-29 22:52 编辑 ]

TOP

yangedie

银牌会员

帖子: 774
体力: 1576
威望: 3
当前: 广东汕头

17^# 大中小发表于 2008-6-29 22:43

嗯，版主的代码是不需要判断是否闰年

TOP

jiaking

初级会员

帖子: 70
体力: 192
威望: 0
离线: 1 天

18^# 大中小发表于 2008-7-4 18:20

不错。
但不怎么好理解。如果是要两年、三年呢？这个判断就局限了：
if (ta>12)tstr=getnewtime(new Date(t0.ty,t0.tm,t0.td+ta/100));
麻烦大侠再改改。

TOP

jiaking

初级会员

帖子: 70
体力: 192
威望: 0
离线: 1 天

19^# 大中小发表于 2008-7-4 18:32

把if (ta>12) 改成if (ta>99)，不能超过8年，8×12<100

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>caiying2007</title>
</head>
<body>请设置本地日期为:2008-1-31
<form name="form1" method="post" action="">
<select name="select" onchange="gettime(this.value)/*document.form1.time.value=this.value*/" >
<option>请选择过期时间</option>
<option value=12 title="一年以后">一年</option>
<option value=24 title="一年以后">2年</option>
<option value=36 title="一年以后">3年</option>
<option value=96 title="一年以后">8年</option>
<option value=120 title="一年以后">10年</option>
<option value=6 title="半年以后">半年</option>
<option value=2 title="两个月以后">两个月</option>
<option value=1 title="一个月以后">一个月</option>
<option value=1500 title="15天以后">15天</option>
<option value=700 title="7天以后">7天</option>
<option value=100 title="1天以后">1天</option>
</select>
<input type="text" id="time" name="time" readonly>
</form>
<script>
function gettime(v){
	var tstr_td=0
	document.getElementById("time").value="";
	var ta=parseInt(v);
	if (!ta ){return;}
	var t0=getnewtime(new Date())
	if (ta>99)tstr=getnewtime(new Date(t0.ty,t0.tm,t0.td+ta/100));
	else{
		if (t0.td<28)tstr=getnewtime(new Date(t0.ty,t0.tm+ta,t0.td));
		else{
			tstr=getnewtime(new Date(t0.ty,t0.tm+ta,1));
			for(var i=28;i<=t0.td;i++){
				var tt=getnewtime(new Date(t0.ty,t0.tm+ta,i));
				if (tt.tm==tstr.tm){tstr_td=i;}
			}
		}
	}
	var tyn=tstr.ty;
	var tmn=tstr.tm+1;if (tmn<10)tmn="0"+tmn;
	var tdn=tstr.td;
	if (tstr_td!=0)tdn=tstr_td;if (tdn<10)tdn="0"+tdn;
	document.getElementById("time").value=tyn+"-"+tmn+"-"+tdn
}
function getnewtime(t){
	return{
		ty:parseInt(t.getFullYear()),
		tm:parseInt(t.getMonth()),
		td:parseInt(t.getDate())
	}
}
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

caiying2007

版主

帖子: 2787
体力: 5328
威望: 10

20^# 大中小发表于 2008-7-5 04:42

test:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>caiying2007</title>
</head>
<body>请设置本地日期为:2008-1-31
<form name="form1" method="post" action="">
<select name="select" onchange="gettime(this)/*document.form1.time.value=this.value*/" >
<option>请选择过期时间</option>
<option un="y" value=100 title="一百年以后">一百年</option>
<option un="y" value=10 title="十年以后">十年</option>
<option un="y" value=1 title="一年以后">一年</option>
<option un="m" value=6 title="半年以后">半年</option>
<option un="m" value=2 title="两个月以后">两个月</option>
<option un="m" value=1 title="一个月以后">一个月</option>
<option un="d" value=15 title="15天以后">15天</option>
<option un="d" value=7 title="7天以后">7天</option>
<option un="d" value=1 title="1天以后">1天</option>
</select>
<input type="text" id="time" name="time" readonly>
</form>
<script>
function gettime(o){
	var ind=o.selectedIndex
	var Un=o.options[ind].getAttribute("un");
	var ta=parseInt(o.options[ind].value)
	if (!ta){return;}
	var tstr_td=0
		
	document.getElementById("time").value="";
	var t0=getnewtime(new Date())
	
	if (Un=="d")tstr=getnewtime(new Date(t0.ty,t0.tm,t0.td+ta));
	else{
		if (Un=="y")ta=ta*12;//++年
		if (t0.td<28)tstr=getnewtime(new Date(t0.ty,t0.tm+ta,t0.td));
		else{
			tstr=getnewtime(new Date(t0.ty,t0.tm+ta,1));
			for(var i=28;i<=t0.td;i++){
				var tt=getnewtime(new Date(t0.ty,t0.tm+ta,i));
				if (tt.tm==tstr.tm){tstr_td=i;}
			}
		}
	}
	var tyn=tstr.ty;
	var tmn=tstr.tm+1;if (tmn<10)tmn="0"+tmn;
	var tdn=tstr.td;
	if (tstr_td!=0)tdn=tstr_td;if (tdn<10)tdn="0"+tdn;
	document.getElementById("time").value=tyn+"-"+tmn+"-"+tdn
}
function getnewtime(t){
	return{
		ty:parseInt(t.getFullYear()),
		tm:parseInt(t.getMonth()),
		td:parseInt(t.getDate())
	}
}
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 caiying2007 于 2008-7-5 14:43 编辑 ]

TOP