首页 新闻 搜索 专区 学院

javascript日期联动问题

0
悬赏园豆:140 [已关闭问题] 关闭于 2012-11-15 09:55

现在有两个field

id:StartDate  (格式为日/月/年 例如 08/11/2012)

id:EndDate    (格式为日/月/年 例如 08/11/2012)


现在两个field都有初始日期(格式固定,dd/mm/yyyy,具体日期不固定),要求当StartDate 变的时候, EndDate根据初始日期的天数差,变换到相应日期。


求高手帮忙

问题补充:

DOJO,或者javascript

kasonzhao的主页 kasonzhao | 初学一级 | 园豆:69
提问于:2012-11-08 13:13
< >
分享
所有回答(7)
0

把这上面拿下来自己修改一下就ok了

http://www.ctrip.com/

我以前做的时候也是这样

jason2013 | 园豆:1998 (小虾三级) | 2012-11-08 13:15
0

$("#StartDate").change(function(){$("#EndDate").val($("#StartDate").val()+差的天数);});

飞来飞去 | 园豆:2057 (老鸟四级) | 2012-11-08 13:54

function autochange(){

  var edate=new Date(new Date()-0+ 相差的天数*86400000);

  document.getElementById("EndDate").value=edate.getDate() + "/" + (edate.getMonth() + 1) + "/" + edate.getFullYear();

}

  document.getElementById("StartDate").onchange=autochange;

支持(0) 反对(0) 飞来飞去 | 园豆:2057 (老鸟四级) | 2012-11-08 17:21
0

发邮箱给我,我发给你。代码。

技术笔记2012 | 园豆:202 (菜鸟二级) | 2012-11-08 14:05

xiatianwang@126.com

支持(0) 反对(0) kasonzhao | 园豆:69 (初学一级) | 2012-11-08 14:42
0

实现思路为:监测startdate文本框的change事件、当startdate文本框的值发生改变时,在change事件中计算enddate的值,然后填写到enddate文本框中(日期的计算使用js中Date API)

az235 | 园豆:8283 (大侠五级) | 2012-11-08 15:03
0
<html>
<head>
<style>
    
</style>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript">
        $(function(){
            $("#txt1").blur(function(){
                var dateStr=$(this).val();
                var arr=dateStr.split('/');
                
                var year=parseInt(arr[2]);
                var month=parseInt(arr[1])-1;
                var day = parseInt(arr[0]);
                var date=new Date(year,month,day);
                
                var newDate=new Date(date.setDate(day+7));
                var newYear = newDate.getFullYear();
                var newMonth=newDate.getMonth()+1;
                var newDay=newDate.getDate();
                
                $("#txt2").val(newDay+"/"+newMonth+"/"+newYear);
            });
        });
</script>

</head>
<body>
        <input type="text" id="txt1" name="txt1" />
        <input type="text" id="txt2" name="txt2" />
</body>
</html>
chenping2008 | 园豆:9836 (大侠五级) | 2012-11-08 15:07
0

对了,不是有专门的jquery插件吗?

jerry-Tom | 园豆:4077 (老鸟四级) | 2012-11-08 15:23
0

楼上思路都对,连代码都有了

ms_water | 园豆:510 (小虾三级) | 2012-11-08 17:21
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册